@redsift/design-system 10.3.0-alpha.1 → 10.3.0-alpha.11

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.
package/package.json CHANGED
@@ -33,7 +33,7 @@
33
33
  "version": "version-changelog ../../CHANGELOG.md && changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
34
34
  },
35
35
  "types": "index.d.ts",
36
- "version": "10.3.0-alpha.1",
36
+ "version": "10.3.0-alpha.11",
37
37
  "dependencies": {
38
38
  "@react-spring/web": "^9.7.1",
39
39
  "classnames": "^2.3.1",
@@ -95,10 +95,10 @@
95
95
  "version-changelog": "^3.1.1"
96
96
  },
97
97
  "peerDependencies": {
98
- "@redsift/icons": "^10.2.0-0",
98
+ "@redsift/icons": "^10.3.0-0",
99
99
  "react": ">=17",
100
100
  "react-dom": ">=17",
101
101
  "styled-components": "^5.3.5"
102
102
  },
103
- "gitHead": "316717fd897b6d1baffebb79fac296535db5d3a9"
103
+ "gitHead": "28a0e71e11b7829eaf73f075d2ce53b18a0945bd"
104
104
  }
package/style/index.css CHANGED
@@ -596,7 +596,7 @@
596
596
  }
597
597
  /**
598
598
  * Do not edit directly
599
- * Generated on Sat, 06 Jul 2024 21:54:16 GMT
599
+ * Generated on Tue, 16 Jul 2024 19:17:14 GMT
600
600
  */
601
601
 
602
602
  :root {
@@ -699,6 +699,14 @@
699
699
  --redsift-color-dark-components-buttons-primary-button-grey-text-hover: #ffffff;
700
700
  --redsift-color-dark-components-buttons-primary-button-grey-text-active: #ffffff;
701
701
  --redsift-color-dark-components-buttons-primary-button-grey-text-disabled: #858585;
702
+ --redsift-color-dark-components-buttons-primary-button-radar-background-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
703
+ --redsift-color-dark-components-buttons-primary-button-radar-background-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
704
+ --redsift-color-dark-components-buttons-primary-button-radar-background-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
705
+ --redsift-color-dark-components-buttons-primary-button-radar-background-disabled: #474747;
706
+ --redsift-color-dark-components-buttons-primary-button-radar-text-default: #ffffff;
707
+ --redsift-color-dark-components-buttons-primary-button-radar-text-hover: #ffffff;
708
+ --redsift-color-dark-components-buttons-primary-button-radar-text-active: #ffffff;
709
+ --redsift-color-dark-components-buttons-primary-button-radar-text-disabled: #858585;
702
710
  --redsift-color-dark-components-buttons-secondary-button-primary-background-default: transparent;
703
711
  --redsift-color-dark-components-buttons-secondary-button-primary-background-hover: #142849;
704
712
  --redsift-color-dark-components-buttons-secondary-button-primary-background-active: #0d1b31;
@@ -748,13 +756,37 @@
748
756
  --redsift-color-dark-components-buttons-secondary-button-info-text-active: #8eb6f8;
749
757
  --redsift-color-dark-components-buttons-secondary-button-info-text-disabled: #858585;
750
758
  --redsift-color-dark-components-buttons-secondary-button-grey-background-default: transparent;
751
- --redsift-color-dark-components-buttons-secondary-button-grey-background-hover: #474747;
759
+ --redsift-color-dark-components-buttons-secondary-button-grey-background-hover: #525252;
752
760
  --redsift-color-dark-components-buttons-secondary-button-grey-background-active: #333333;
753
761
  --redsift-color-dark-components-buttons-secondary-button-grey-background-disabled: #333333;
754
762
  --redsift-color-dark-components-buttons-secondary-button-grey-text-default: #666666;
755
763
  --redsift-color-dark-components-buttons-secondary-button-grey-text-hover: #858585;
756
764
  --redsift-color-dark-components-buttons-secondary-button-grey-text-active: #a3a3a3;
757
765
  --redsift-color-dark-components-buttons-secondary-button-grey-text-disabled: #858585;
766
+ --redsift-color-dark-components-buttons-secondary-button-black-background-default: transparent;
767
+ --redsift-color-dark-components-buttons-secondary-button-black-background-hover: #525252;
768
+ --redsift-color-dark-components-buttons-secondary-button-black-background-active: #333333;
769
+ --redsift-color-dark-components-buttons-secondary-button-black-background-disabled: transparent;
770
+ --redsift-color-dark-components-buttons-secondary-button-black-text-default: #333333;
771
+ --redsift-color-dark-components-buttons-secondary-button-black-text-hover: #333333;
772
+ --redsift-color-dark-components-buttons-secondary-button-black-text-active: #333333;
773
+ --redsift-color-dark-components-buttons-secondary-button-black-text-disabled: #a3a3a3;
774
+ --redsift-color-dark-components-buttons-secondary-button-white-background-default: transparent;
775
+ --redsift-color-dark-components-buttons-secondary-button-white-background-hover: #525252;
776
+ --redsift-color-dark-components-buttons-secondary-button-white-background-active: #333333;
777
+ --redsift-color-dark-components-buttons-secondary-button-white-background-disabled: transparent;
778
+ --redsift-color-dark-components-buttons-secondary-button-white-text-default: #ffffff;
779
+ --redsift-color-dark-components-buttons-secondary-button-white-text-hover: #ffffff;
780
+ --redsift-color-dark-components-buttons-secondary-button-white-text-active: #ffffff;
781
+ --redsift-color-dark-components-buttons-secondary-button-white-text-disabled: #a3a3a3;
782
+ --redsift-color-dark-components-buttons-secondary-button-radar-background-default: transparent;
783
+ --redsift-color-dark-components-buttons-secondary-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
784
+ --redsift-color-dark-components-buttons-secondary-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
785
+ --redsift-color-dark-components-buttons-secondary-button-radar-background-disabled: #333333;
786
+ --redsift-color-dark-components-buttons-secondary-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
787
+ --redsift-color-dark-components-buttons-secondary-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
788
+ --redsift-color-dark-components-buttons-secondary-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
789
+ --redsift-color-dark-components-buttons-secondary-button-radar-text-disabled: #858585;
758
790
  --redsift-color-dark-components-buttons-unstyled-button-primary-background-default: transparent;
759
791
  --redsift-color-dark-components-buttons-unstyled-button-primary-background-hover: #142849;
760
792
  --redsift-color-dark-components-buttons-unstyled-button-primary-background-active: #0d1b31;
@@ -804,13 +836,37 @@
804
836
  --redsift-color-dark-components-buttons-unstyled-button-info-text-active: #8eb6f8;
805
837
  --redsift-color-dark-components-buttons-unstyled-button-info-text-disabled: #858585;
806
838
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-default: transparent;
807
- --redsift-color-dark-components-buttons-unstyled-button-grey-background-hover: #474747;
839
+ --redsift-color-dark-components-buttons-unstyled-button-grey-background-hover: #525252;
808
840
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-active: #333333;
809
841
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-disabled: #333333;
810
842
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-default: #666666;
811
843
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-hover: #858585;
812
844
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-active: #a3a3a3;
813
845
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-disabled: #858585;
846
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-default: transparent;
847
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-hover: #525252;
848
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-active: #333333;
849
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-disabled: transparent;
850
+ --redsift-color-dark-components-buttons-unstyled-button-black-text-default: #333333;
851
+ --redsift-color-dark-components-buttons-unstyled-button-black-text-hover: #333333;
852
+ --redsift-color-dark-components-buttons-unstyled-button-black-text-active: #333333;
853
+ --redsift-color-dark-components-buttons-unstyled-button-black-text-disabled: #a3a3a3;
854
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-default: transparent;
855
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-hover: #525252;
856
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-active: #333333;
857
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-disabled: transparent;
858
+ --redsift-color-dark-components-buttons-unstyled-button-white-text-default: #ffffff;
859
+ --redsift-color-dark-components-buttons-unstyled-button-white-text-hover: #ffffff;
860
+ --redsift-color-dark-components-buttons-unstyled-button-white-text-active: #ffffff;
861
+ --redsift-color-dark-components-buttons-unstyled-button-white-text-disabled: #a3a3a3;
862
+ --redsift-color-dark-components-buttons-unstyled-button-radar-background-default: transparent;
863
+ --redsift-color-dark-components-buttons-unstyled-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
864
+ --redsift-color-dark-components-buttons-unstyled-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
865
+ --redsift-color-dark-components-buttons-unstyled-button-radar-background-disabled: #333333;
866
+ --redsift-color-dark-components-buttons-unstyled-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
867
+ --redsift-color-dark-components-buttons-unstyled-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
868
+ --redsift-color-dark-components-buttons-unstyled-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
869
+ --redsift-color-dark-components-buttons-unstyled-button-radar-text-disabled: #858585;
814
870
  --redsift-color-dark-components-ai-ai-border: #e11010;
815
871
  --redsift-color-dark-components-ai-ai-icon: #e11010;
816
872
  --redsift-color-dark-components-spinner-spinner: #142849;
@@ -1187,6 +1243,14 @@
1187
1243
  --redsift-color-light-components-buttons-primary-button-grey-text-hover: #ffffff;
1188
1244
  --redsift-color-light-components-buttons-primary-button-grey-text-active: #ffffff;
1189
1245
  --redsift-color-light-components-buttons-primary-button-grey-text-disabled: #858585;
1246
+ --redsift-color-light-components-buttons-primary-button-radar-background-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
1247
+ --redsift-color-light-components-buttons-primary-button-radar-background-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
1248
+ --redsift-color-light-components-buttons-primary-button-radar-background-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
1249
+ --redsift-color-light-components-buttons-primary-button-radar-background-disabled: #e0e0e0;
1250
+ --redsift-color-light-components-buttons-primary-button-radar-text-default: #ffffff;
1251
+ --redsift-color-light-components-buttons-primary-button-radar-text-hover: #ffffff;
1252
+ --redsift-color-light-components-buttons-primary-button-radar-text-active: #ffffff;
1253
+ --redsift-color-light-components-buttons-primary-button-radar-text-disabled: #858585;
1190
1254
  --redsift-color-light-components-buttons-secondary-button-primary-background-default: transparent;
1191
1255
  --redsift-color-light-components-buttons-secondary-button-primary-background-hover: #d9e7fd;
1192
1256
  --redsift-color-light-components-buttons-secondary-button-primary-background-active: #b3cefb;
@@ -1236,13 +1300,37 @@
1236
1300
  --redsift-color-light-components-buttons-secondary-button-info-text-active: #2e5dab;
1237
1301
  --redsift-color-light-components-buttons-secondary-button-info-text-disabled: #a3a3a3;
1238
1302
  --redsift-color-light-components-buttons-secondary-button-grey-background-default: transparent;
1239
- --redsift-color-light-components-buttons-secondary-button-grey-background-hover: #f2f2f2;
1240
- --redsift-color-light-components-buttons-secondary-button-grey-background-active: #e0e0e0;
1241
- --redsift-color-light-components-buttons-secondary-button-grey-background-disabled: #ffffff;
1303
+ --redsift-color-light-components-buttons-secondary-button-grey-background-hover: #e0e0e0;
1304
+ --redsift-color-light-components-buttons-secondary-button-grey-background-active: #a3a3a3;
1305
+ --redsift-color-light-components-buttons-secondary-button-grey-background-disabled: transparent;
1242
1306
  --redsift-color-light-components-buttons-secondary-button-grey-text-default: #666666;
1243
1307
  --redsift-color-light-components-buttons-secondary-button-grey-text-hover: #525252;
1244
1308
  --redsift-color-light-components-buttons-secondary-button-grey-text-active: #525252;
1245
1309
  --redsift-color-light-components-buttons-secondary-button-grey-text-disabled: #a3a3a3;
1310
+ --redsift-color-light-components-buttons-secondary-button-black-background-default: transparent;
1311
+ --redsift-color-light-components-buttons-secondary-button-black-background-hover: #e0e0e0;
1312
+ --redsift-color-light-components-buttons-secondary-button-black-background-active: #a3a3a3;
1313
+ --redsift-color-light-components-buttons-secondary-button-black-background-disabled: transparent;
1314
+ --redsift-color-light-components-buttons-secondary-button-black-text-default: #333333;
1315
+ --redsift-color-light-components-buttons-secondary-button-black-text-hover: #333333;
1316
+ --redsift-color-light-components-buttons-secondary-button-black-text-active: #333333;
1317
+ --redsift-color-light-components-buttons-secondary-button-black-text-disabled: #a3a3a3;
1318
+ --redsift-color-light-components-buttons-secondary-button-white-background-default: transparent;
1319
+ --redsift-color-light-components-buttons-secondary-button-white-background-hover: #e0e0e0;
1320
+ --redsift-color-light-components-buttons-secondary-button-white-background-active: #a3a3a3;
1321
+ --redsift-color-light-components-buttons-secondary-button-white-background-disabled: transparent;
1322
+ --redsift-color-light-components-buttons-secondary-button-white-text-default: #ffffff;
1323
+ --redsift-color-light-components-buttons-secondary-button-white-text-hover: #ffffff;
1324
+ --redsift-color-light-components-buttons-secondary-button-white-text-active: #ffffff;
1325
+ --redsift-color-light-components-buttons-secondary-button-white-text-disabled: #a3a3a3;
1326
+ --redsift-color-light-components-buttons-secondary-button-radar-background-default: transparent;
1327
+ --redsift-color-light-components-buttons-secondary-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
1328
+ --redsift-color-light-components-buttons-secondary-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
1329
+ --redsift-color-light-components-buttons-secondary-button-radar-background-disabled: #ffffff;
1330
+ --redsift-color-light-components-buttons-secondary-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
1331
+ --redsift-color-light-components-buttons-secondary-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
1332
+ --redsift-color-light-components-buttons-secondary-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
1333
+ --redsift-color-light-components-buttons-secondary-button-radar-text-disabled: #a3a3a3;
1246
1334
  --redsift-color-light-components-buttons-unstyled-button-primary-background-default: transparent;
1247
1335
  --redsift-color-light-components-buttons-unstyled-button-primary-background-hover: #d9e7fd;
1248
1336
  --redsift-color-light-components-buttons-unstyled-button-primary-background-active: #b3cefb;
@@ -1292,29 +1380,37 @@
1292
1380
  --redsift-color-light-components-buttons-unstyled-button-info-text-active: #2e5dab;
1293
1381
  --redsift-color-light-components-buttons-unstyled-button-info-text-disabled: #a3a3a3;
1294
1382
  --redsift-color-light-components-buttons-unstyled-button-grey-background-default: transparent;
1295
- --redsift-color-light-components-buttons-unstyled-button-grey-background-hover: #f2f2f2;
1296
- --redsift-color-light-components-buttons-unstyled-button-grey-background-active: #e0e0e0;
1383
+ --redsift-color-light-components-buttons-unstyled-button-grey-background-hover: #e0e0e0;
1384
+ --redsift-color-light-components-buttons-unstyled-button-grey-background-active: #a3a3a3;
1297
1385
  --redsift-color-light-components-buttons-unstyled-button-grey-background-disabled: transparent;
1298
1386
  --redsift-color-light-components-buttons-unstyled-button-grey-text-default: #666666;
1299
1387
  --redsift-color-light-components-buttons-unstyled-button-grey-text-hover: #525252;
1300
1388
  --redsift-color-light-components-buttons-unstyled-button-grey-text-active: #525252;
1301
1389
  --redsift-color-light-components-buttons-unstyled-button-grey-text-disabled: #a3a3a3;
1302
1390
  --redsift-color-light-components-buttons-unstyled-button-black-background-default: transparent;
1303
- --redsift-color-light-components-buttons-unstyled-button-black-background-hover: #f2f2f2;
1304
- --redsift-color-light-components-buttons-unstyled-button-black-background-active: #e0e0e0;
1391
+ --redsift-color-light-components-buttons-unstyled-button-black-background-hover: #e0e0e0;
1392
+ --redsift-color-light-components-buttons-unstyled-button-black-background-active: #a3a3a3;
1305
1393
  --redsift-color-light-components-buttons-unstyled-button-black-background-disabled: transparent;
1306
1394
  --redsift-color-light-components-buttons-unstyled-button-black-text-default: #333333;
1307
1395
  --redsift-color-light-components-buttons-unstyled-button-black-text-hover: #333333;
1308
1396
  --redsift-color-light-components-buttons-unstyled-button-black-text-active: #333333;
1309
1397
  --redsift-color-light-components-buttons-unstyled-button-black-text-disabled: #a3a3a3;
1310
1398
  --redsift-color-light-components-buttons-unstyled-button-white-background-default: transparent;
1311
- --redsift-color-light-components-buttons-unstyled-button-white-background-hover: #f2f2f2;
1312
- --redsift-color-light-components-buttons-unstyled-button-white-background-active: #e0e0e0;
1399
+ --redsift-color-light-components-buttons-unstyled-button-white-background-hover: #e0e0e0;
1400
+ --redsift-color-light-components-buttons-unstyled-button-white-background-active: #a3a3a3;
1313
1401
  --redsift-color-light-components-buttons-unstyled-button-white-background-disabled: transparent;
1314
1402
  --redsift-color-light-components-buttons-unstyled-button-white-text-default: #ffffff;
1315
1403
  --redsift-color-light-components-buttons-unstyled-button-white-text-hover: #ffffff;
1316
1404
  --redsift-color-light-components-buttons-unstyled-button-white-text-active: #ffffff;
1317
1405
  --redsift-color-light-components-buttons-unstyled-button-white-text-disabled: #a3a3a3;
1406
+ --redsift-color-light-components-buttons-unstyled-button-radar-background-default: transparent;
1407
+ --redsift-color-light-components-buttons-unstyled-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
1408
+ --redsift-color-light-components-buttons-unstyled-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
1409
+ --redsift-color-light-components-buttons-unstyled-button-radar-background-disabled: #ffffff;
1410
+ --redsift-color-light-components-buttons-unstyled-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
1411
+ --redsift-color-light-components-buttons-unstyled-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
1412
+ --redsift-color-light-components-buttons-unstyled-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
1413
+ --redsift-color-light-components-buttons-unstyled-button-radar-text-disabled: #a3a3a3;
1318
1414
  --redsift-color-light-components-ai-ai-border: #e11010;
1319
1415
  --redsift-color-light-components-ai-ai-icon: #e11010;
1320
1416
  --redsift-color-light-components-spinner-spinner: #4285f4;
@@ -1669,6 +1765,7 @@
1669
1765
  --redsift-color-neutral-white: #ffffff;
1670
1766
  --redsift-color-neutral-x-light-grey: #f2f2f2;
1671
1767
  --redsift-color-neutral-light-grey: #e0e0e0;
1768
+ --redsift-color-neutral-disabled: #a3a3a3;
1672
1769
  --redsift-color-neutral-mid-grey: #666666;
1673
1770
  --redsift-color-neutral-dark-grey: #474747;
1674
1771
  --redsift-color-neutral-x-dark-grey: #333333;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sat, 06 Jul 2024 21:54:16 GMT
3
+ * Generated on Tue, 16 Jul 2024 19:17:14 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -103,6 +103,14 @@
103
103
  --redsift-color-dark-components-buttons-primary-button-grey-text-hover: #ffffff;
104
104
  --redsift-color-dark-components-buttons-primary-button-grey-text-active: #ffffff;
105
105
  --redsift-color-dark-components-buttons-primary-button-grey-text-disabled: #858585;
106
+ --redsift-color-dark-components-buttons-primary-button-radar-background-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
107
+ --redsift-color-dark-components-buttons-primary-button-radar-background-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
108
+ --redsift-color-dark-components-buttons-primary-button-radar-background-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
109
+ --redsift-color-dark-components-buttons-primary-button-radar-background-disabled: #474747;
110
+ --redsift-color-dark-components-buttons-primary-button-radar-text-default: #ffffff;
111
+ --redsift-color-dark-components-buttons-primary-button-radar-text-hover: #ffffff;
112
+ --redsift-color-dark-components-buttons-primary-button-radar-text-active: #ffffff;
113
+ --redsift-color-dark-components-buttons-primary-button-radar-text-disabled: #858585;
106
114
  --redsift-color-dark-components-buttons-secondary-button-primary-background-default: transparent;
107
115
  --redsift-color-dark-components-buttons-secondary-button-primary-background-hover: #142849;
108
116
  --redsift-color-dark-components-buttons-secondary-button-primary-background-active: #0d1b31;
@@ -152,13 +160,37 @@
152
160
  --redsift-color-dark-components-buttons-secondary-button-info-text-active: #8eb6f8;
153
161
  --redsift-color-dark-components-buttons-secondary-button-info-text-disabled: #858585;
154
162
  --redsift-color-dark-components-buttons-secondary-button-grey-background-default: transparent;
155
- --redsift-color-dark-components-buttons-secondary-button-grey-background-hover: #474747;
163
+ --redsift-color-dark-components-buttons-secondary-button-grey-background-hover: #525252;
156
164
  --redsift-color-dark-components-buttons-secondary-button-grey-background-active: #333333;
157
165
  --redsift-color-dark-components-buttons-secondary-button-grey-background-disabled: #333333;
158
166
  --redsift-color-dark-components-buttons-secondary-button-grey-text-default: #666666;
159
167
  --redsift-color-dark-components-buttons-secondary-button-grey-text-hover: #858585;
160
168
  --redsift-color-dark-components-buttons-secondary-button-grey-text-active: #a3a3a3;
161
169
  --redsift-color-dark-components-buttons-secondary-button-grey-text-disabled: #858585;
170
+ --redsift-color-dark-components-buttons-secondary-button-black-background-default: transparent;
171
+ --redsift-color-dark-components-buttons-secondary-button-black-background-hover: #525252;
172
+ --redsift-color-dark-components-buttons-secondary-button-black-background-active: #333333;
173
+ --redsift-color-dark-components-buttons-secondary-button-black-background-disabled: transparent;
174
+ --redsift-color-dark-components-buttons-secondary-button-black-text-default: #333333;
175
+ --redsift-color-dark-components-buttons-secondary-button-black-text-hover: #333333;
176
+ --redsift-color-dark-components-buttons-secondary-button-black-text-active: #333333;
177
+ --redsift-color-dark-components-buttons-secondary-button-black-text-disabled: #a3a3a3;
178
+ --redsift-color-dark-components-buttons-secondary-button-white-background-default: transparent;
179
+ --redsift-color-dark-components-buttons-secondary-button-white-background-hover: #525252;
180
+ --redsift-color-dark-components-buttons-secondary-button-white-background-active: #333333;
181
+ --redsift-color-dark-components-buttons-secondary-button-white-background-disabled: transparent;
182
+ --redsift-color-dark-components-buttons-secondary-button-white-text-default: #ffffff;
183
+ --redsift-color-dark-components-buttons-secondary-button-white-text-hover: #ffffff;
184
+ --redsift-color-dark-components-buttons-secondary-button-white-text-active: #ffffff;
185
+ --redsift-color-dark-components-buttons-secondary-button-white-text-disabled: #a3a3a3;
186
+ --redsift-color-dark-components-buttons-secondary-button-radar-background-default: transparent;
187
+ --redsift-color-dark-components-buttons-secondary-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
188
+ --redsift-color-dark-components-buttons-secondary-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
189
+ --redsift-color-dark-components-buttons-secondary-button-radar-background-disabled: #333333;
190
+ --redsift-color-dark-components-buttons-secondary-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
191
+ --redsift-color-dark-components-buttons-secondary-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
192
+ --redsift-color-dark-components-buttons-secondary-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
193
+ --redsift-color-dark-components-buttons-secondary-button-radar-text-disabled: #858585;
162
194
  --redsift-color-dark-components-buttons-unstyled-button-primary-background-default: transparent;
163
195
  --redsift-color-dark-components-buttons-unstyled-button-primary-background-hover: #142849;
164
196
  --redsift-color-dark-components-buttons-unstyled-button-primary-background-active: #0d1b31;
@@ -208,13 +240,37 @@
208
240
  --redsift-color-dark-components-buttons-unstyled-button-info-text-active: #8eb6f8;
209
241
  --redsift-color-dark-components-buttons-unstyled-button-info-text-disabled: #858585;
210
242
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-default: transparent;
211
- --redsift-color-dark-components-buttons-unstyled-button-grey-background-hover: #474747;
243
+ --redsift-color-dark-components-buttons-unstyled-button-grey-background-hover: #525252;
212
244
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-active: #333333;
213
245
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-disabled: #333333;
214
246
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-default: #666666;
215
247
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-hover: #858585;
216
248
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-active: #a3a3a3;
217
249
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-disabled: #858585;
250
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-default: transparent;
251
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-hover: #525252;
252
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-active: #333333;
253
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-disabled: transparent;
254
+ --redsift-color-dark-components-buttons-unstyled-button-black-text-default: #333333;
255
+ --redsift-color-dark-components-buttons-unstyled-button-black-text-hover: #333333;
256
+ --redsift-color-dark-components-buttons-unstyled-button-black-text-active: #333333;
257
+ --redsift-color-dark-components-buttons-unstyled-button-black-text-disabled: #a3a3a3;
258
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-default: transparent;
259
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-hover: #525252;
260
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-active: #333333;
261
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-disabled: transparent;
262
+ --redsift-color-dark-components-buttons-unstyled-button-white-text-default: #ffffff;
263
+ --redsift-color-dark-components-buttons-unstyled-button-white-text-hover: #ffffff;
264
+ --redsift-color-dark-components-buttons-unstyled-button-white-text-active: #ffffff;
265
+ --redsift-color-dark-components-buttons-unstyled-button-white-text-disabled: #a3a3a3;
266
+ --redsift-color-dark-components-buttons-unstyled-button-radar-background-default: transparent;
267
+ --redsift-color-dark-components-buttons-unstyled-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
268
+ --redsift-color-dark-components-buttons-unstyled-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
269
+ --redsift-color-dark-components-buttons-unstyled-button-radar-background-disabled: #333333;
270
+ --redsift-color-dark-components-buttons-unstyled-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
271
+ --redsift-color-dark-components-buttons-unstyled-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
272
+ --redsift-color-dark-components-buttons-unstyled-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
273
+ --redsift-color-dark-components-buttons-unstyled-button-radar-text-disabled: #858585;
218
274
  --redsift-color-dark-components-ai-ai-border: #e11010;
219
275
  --redsift-color-dark-components-ai-ai-icon: #e11010;
220
276
  --redsift-color-dark-components-spinner-spinner: #142849;
@@ -591,6 +647,14 @@
591
647
  --redsift-color-light-components-buttons-primary-button-grey-text-hover: #ffffff;
592
648
  --redsift-color-light-components-buttons-primary-button-grey-text-active: #ffffff;
593
649
  --redsift-color-light-components-buttons-primary-button-grey-text-disabled: #858585;
650
+ --redsift-color-light-components-buttons-primary-button-radar-background-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
651
+ --redsift-color-light-components-buttons-primary-button-radar-background-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
652
+ --redsift-color-light-components-buttons-primary-button-radar-background-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
653
+ --redsift-color-light-components-buttons-primary-button-radar-background-disabled: #e0e0e0;
654
+ --redsift-color-light-components-buttons-primary-button-radar-text-default: #ffffff;
655
+ --redsift-color-light-components-buttons-primary-button-radar-text-hover: #ffffff;
656
+ --redsift-color-light-components-buttons-primary-button-radar-text-active: #ffffff;
657
+ --redsift-color-light-components-buttons-primary-button-radar-text-disabled: #858585;
594
658
  --redsift-color-light-components-buttons-secondary-button-primary-background-default: transparent;
595
659
  --redsift-color-light-components-buttons-secondary-button-primary-background-hover: #d9e7fd;
596
660
  --redsift-color-light-components-buttons-secondary-button-primary-background-active: #b3cefb;
@@ -640,13 +704,37 @@
640
704
  --redsift-color-light-components-buttons-secondary-button-info-text-active: #2e5dab;
641
705
  --redsift-color-light-components-buttons-secondary-button-info-text-disabled: #a3a3a3;
642
706
  --redsift-color-light-components-buttons-secondary-button-grey-background-default: transparent;
643
- --redsift-color-light-components-buttons-secondary-button-grey-background-hover: #f2f2f2;
644
- --redsift-color-light-components-buttons-secondary-button-grey-background-active: #e0e0e0;
645
- --redsift-color-light-components-buttons-secondary-button-grey-background-disabled: #ffffff;
707
+ --redsift-color-light-components-buttons-secondary-button-grey-background-hover: #e0e0e0;
708
+ --redsift-color-light-components-buttons-secondary-button-grey-background-active: #a3a3a3;
709
+ --redsift-color-light-components-buttons-secondary-button-grey-background-disabled: transparent;
646
710
  --redsift-color-light-components-buttons-secondary-button-grey-text-default: #666666;
647
711
  --redsift-color-light-components-buttons-secondary-button-grey-text-hover: #525252;
648
712
  --redsift-color-light-components-buttons-secondary-button-grey-text-active: #525252;
649
713
  --redsift-color-light-components-buttons-secondary-button-grey-text-disabled: #a3a3a3;
714
+ --redsift-color-light-components-buttons-secondary-button-black-background-default: transparent;
715
+ --redsift-color-light-components-buttons-secondary-button-black-background-hover: #e0e0e0;
716
+ --redsift-color-light-components-buttons-secondary-button-black-background-active: #a3a3a3;
717
+ --redsift-color-light-components-buttons-secondary-button-black-background-disabled: transparent;
718
+ --redsift-color-light-components-buttons-secondary-button-black-text-default: #333333;
719
+ --redsift-color-light-components-buttons-secondary-button-black-text-hover: #333333;
720
+ --redsift-color-light-components-buttons-secondary-button-black-text-active: #333333;
721
+ --redsift-color-light-components-buttons-secondary-button-black-text-disabled: #a3a3a3;
722
+ --redsift-color-light-components-buttons-secondary-button-white-background-default: transparent;
723
+ --redsift-color-light-components-buttons-secondary-button-white-background-hover: #e0e0e0;
724
+ --redsift-color-light-components-buttons-secondary-button-white-background-active: #a3a3a3;
725
+ --redsift-color-light-components-buttons-secondary-button-white-background-disabled: transparent;
726
+ --redsift-color-light-components-buttons-secondary-button-white-text-default: #ffffff;
727
+ --redsift-color-light-components-buttons-secondary-button-white-text-hover: #ffffff;
728
+ --redsift-color-light-components-buttons-secondary-button-white-text-active: #ffffff;
729
+ --redsift-color-light-components-buttons-secondary-button-white-text-disabled: #a3a3a3;
730
+ --redsift-color-light-components-buttons-secondary-button-radar-background-default: transparent;
731
+ --redsift-color-light-components-buttons-secondary-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
732
+ --redsift-color-light-components-buttons-secondary-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
733
+ --redsift-color-light-components-buttons-secondary-button-radar-background-disabled: #ffffff;
734
+ --redsift-color-light-components-buttons-secondary-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
735
+ --redsift-color-light-components-buttons-secondary-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
736
+ --redsift-color-light-components-buttons-secondary-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
737
+ --redsift-color-light-components-buttons-secondary-button-radar-text-disabled: #a3a3a3;
650
738
  --redsift-color-light-components-buttons-unstyled-button-primary-background-default: transparent;
651
739
  --redsift-color-light-components-buttons-unstyled-button-primary-background-hover: #d9e7fd;
652
740
  --redsift-color-light-components-buttons-unstyled-button-primary-background-active: #b3cefb;
@@ -696,29 +784,37 @@
696
784
  --redsift-color-light-components-buttons-unstyled-button-info-text-active: #2e5dab;
697
785
  --redsift-color-light-components-buttons-unstyled-button-info-text-disabled: #a3a3a3;
698
786
  --redsift-color-light-components-buttons-unstyled-button-grey-background-default: transparent;
699
- --redsift-color-light-components-buttons-unstyled-button-grey-background-hover: #f2f2f2;
700
- --redsift-color-light-components-buttons-unstyled-button-grey-background-active: #e0e0e0;
787
+ --redsift-color-light-components-buttons-unstyled-button-grey-background-hover: #e0e0e0;
788
+ --redsift-color-light-components-buttons-unstyled-button-grey-background-active: #a3a3a3;
701
789
  --redsift-color-light-components-buttons-unstyled-button-grey-background-disabled: transparent;
702
790
  --redsift-color-light-components-buttons-unstyled-button-grey-text-default: #666666;
703
791
  --redsift-color-light-components-buttons-unstyled-button-grey-text-hover: #525252;
704
792
  --redsift-color-light-components-buttons-unstyled-button-grey-text-active: #525252;
705
793
  --redsift-color-light-components-buttons-unstyled-button-grey-text-disabled: #a3a3a3;
706
794
  --redsift-color-light-components-buttons-unstyled-button-black-background-default: transparent;
707
- --redsift-color-light-components-buttons-unstyled-button-black-background-hover: #f2f2f2;
708
- --redsift-color-light-components-buttons-unstyled-button-black-background-active: #e0e0e0;
795
+ --redsift-color-light-components-buttons-unstyled-button-black-background-hover: #e0e0e0;
796
+ --redsift-color-light-components-buttons-unstyled-button-black-background-active: #a3a3a3;
709
797
  --redsift-color-light-components-buttons-unstyled-button-black-background-disabled: transparent;
710
798
  --redsift-color-light-components-buttons-unstyled-button-black-text-default: #333333;
711
799
  --redsift-color-light-components-buttons-unstyled-button-black-text-hover: #333333;
712
800
  --redsift-color-light-components-buttons-unstyled-button-black-text-active: #333333;
713
801
  --redsift-color-light-components-buttons-unstyled-button-black-text-disabled: #a3a3a3;
714
802
  --redsift-color-light-components-buttons-unstyled-button-white-background-default: transparent;
715
- --redsift-color-light-components-buttons-unstyled-button-white-background-hover: #f2f2f2;
716
- --redsift-color-light-components-buttons-unstyled-button-white-background-active: #e0e0e0;
803
+ --redsift-color-light-components-buttons-unstyled-button-white-background-hover: #e0e0e0;
804
+ --redsift-color-light-components-buttons-unstyled-button-white-background-active: #a3a3a3;
717
805
  --redsift-color-light-components-buttons-unstyled-button-white-background-disabled: transparent;
718
806
  --redsift-color-light-components-buttons-unstyled-button-white-text-default: #ffffff;
719
807
  --redsift-color-light-components-buttons-unstyled-button-white-text-hover: #ffffff;
720
808
  --redsift-color-light-components-buttons-unstyled-button-white-text-active: #ffffff;
721
809
  --redsift-color-light-components-buttons-unstyled-button-white-text-disabled: #a3a3a3;
810
+ --redsift-color-light-components-buttons-unstyled-button-radar-background-default: transparent;
811
+ --redsift-color-light-components-buttons-unstyled-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
812
+ --redsift-color-light-components-buttons-unstyled-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
813
+ --redsift-color-light-components-buttons-unstyled-button-radar-background-disabled: #ffffff;
814
+ --redsift-color-light-components-buttons-unstyled-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
815
+ --redsift-color-light-components-buttons-unstyled-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
816
+ --redsift-color-light-components-buttons-unstyled-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
817
+ --redsift-color-light-components-buttons-unstyled-button-radar-text-disabled: #a3a3a3;
722
818
  --redsift-color-light-components-ai-ai-border: #e11010;
723
819
  --redsift-color-light-components-ai-ai-icon: #e11010;
724
820
  --redsift-color-light-components-spinner-spinner: #4285f4;
@@ -1073,6 +1169,7 @@
1073
1169
  --redsift-color-neutral-white: #ffffff;
1074
1170
  --redsift-color-neutral-x-light-grey: #f2f2f2;
1075
1171
  --redsift-color-neutral-light-grey: #e0e0e0;
1172
+ --redsift-color-neutral-disabled: #a3a3a3;
1076
1173
  --redsift-color-neutral-mid-grey: #666666;
1077
1174
  --redsift-color-neutral-dark-grey: #474747;
1078
1175
  --redsift-color-neutral-x-dark-grey: #333333;