@redsift/design-system 10.2.0 → 10.3.0-muiv5-alpha.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 (7) hide show
  1. package/index.d.ts +51 -31
  2. package/index.js +1167 -975
  3. package/index.js.map +1 -1
  4. package/package.json +2 -2
  5. package/style/index.css +90 -90
  6. package/style/redsift-design-tokens.css +90 -90
  7. package/style/redsift.css +90 -90
package/style/redsift.css CHANGED
@@ -596,7 +596,7 @@
596
596
  }
597
597
  /**
598
598
  * Do not edit directly
599
- * Generated on Wed, 26 Jun 2024 08:17:44 GMT
599
+ * Generated on Fri, 05 Jul 2024 09:38:51 GMT
600
600
  */
601
601
 
602
602
  :root {
@@ -904,7 +904,7 @@
904
904
  --redsift-color-light-components-side-navigation-menu-item-text-resting: #474747;
905
905
  --redsift-color-light-components-side-navigation-menu-item-text-disabled: #666666;
906
906
  --redsift-color-light-components-side-navigation-menu-item-text-hover: #1c1c1c;
907
- --redsift-color-light-components-side-navigation-menu-item-background-hover: #e6e6e6;
907
+ --redsift-color-light-components-side-navigation-menu-item-background-hover: #E6E6E6;
908
908
  --redsift-color-light-components-side-navigation-menu-item-background-secondary: transparent;
909
909
  --redsift-color-light-components-side-navigation-menu-item-background-active: #e0e0e0;
910
910
  --redsift-color-light-components-side-navigation-menu-item-active: #1c1c1c;
@@ -987,7 +987,7 @@
987
987
  --redsift-color-light-components-buttons-secondary-button-primary-text-default: #4285f4;
988
988
  --redsift-color-light-components-buttons-secondary-button-primary-text-hover: #3b78dc;
989
989
  --redsift-color-light-components-buttons-secondary-button-primary-text-active: #2e5dab;
990
- --redsift-color-light-components-buttons-secondary-button-primary-text-disabled: #858585;
990
+ --redsift-color-light-components-buttons-secondary-button-primary-text-disabled: #a3a3a3;
991
991
  --redsift-color-light-components-buttons-secondary-button-secondary-background-default: transparent;
992
992
  --redsift-color-light-components-buttons-secondary-button-secondary-background-hover: #dcf1ed;
993
993
  --redsift-color-light-components-buttons-secondary-button-secondary-background-active: #b9e2db;
@@ -995,7 +995,7 @@
995
995
  --redsift-color-light-components-buttons-secondary-button-secondary-text-default: #51b7a4;
996
996
  --redsift-color-light-components-buttons-secondary-button-secondary-text-hover: #49a594;
997
997
  --redsift-color-light-components-buttons-secondary-button-secondary-text-active: #398073;
998
- --redsift-color-light-components-buttons-secondary-button-secondary-text-disabled: #858585;
998
+ --redsift-color-light-components-buttons-secondary-button-secondary-text-disabled: #a3a3a3;
999
999
  --redsift-color-light-components-buttons-secondary-button-success-background-default: transparent;
1000
1000
  --redsift-color-light-components-buttons-secondary-button-success-background-hover: #cceedf;
1001
1001
  --redsift-color-light-components-buttons-secondary-button-success-background-active: #9adec0;
@@ -1003,7 +1003,7 @@
1003
1003
  --redsift-color-light-components-buttons-secondary-button-success-text-default: #02ac61;
1004
1004
  --redsift-color-light-components-buttons-secondary-button-success-text-hover: #029b57;
1005
1005
  --redsift-color-light-components-buttons-secondary-button-success-text-active: #017844;
1006
- --redsift-color-light-components-buttons-secondary-button-success-text-disabled: #858585;
1006
+ --redsift-color-light-components-buttons-secondary-button-success-text-disabled: #a3a3a3;
1007
1007
  --redsift-color-light-components-buttons-secondary-button-error-background-default: transparent;
1008
1008
  --redsift-color-light-components-buttons-secondary-button-error-background-hover: #f9cfcf;
1009
1009
  --redsift-color-light-components-buttons-secondary-button-error-background-active: #f39f9f;
@@ -1011,7 +1011,7 @@
1011
1011
  --redsift-color-light-components-buttons-secondary-button-error-text-default: #e11010;
1012
1012
  --redsift-color-light-components-buttons-secondary-button-error-text-hover: #cb0e0e;
1013
1013
  --redsift-color-light-components-buttons-secondary-button-error-text-active: #9e0b0b;
1014
- --redsift-color-light-components-buttons-secondary-button-error-text-disabled: #858585;
1014
+ --redsift-color-light-components-buttons-secondary-button-error-text-disabled: #a3a3a3;
1015
1015
  --redsift-color-light-components-buttons-secondary-button-warning-background-default: transparent;
1016
1016
  --redsift-color-light-components-buttons-secondary-button-warning-background-hover: #fef1dd;
1017
1017
  --redsift-color-light-components-buttons-secondary-button-warning-background-active: #fee4bb;
@@ -1019,7 +1019,7 @@
1019
1019
  --redsift-color-light-components-buttons-secondary-button-warning-text-default: #fcbb54;
1020
1020
  --redsift-color-light-components-buttons-secondary-button-warning-text-hover: #e3a84c;
1021
1021
  --redsift-color-light-components-buttons-secondary-button-warning-text-active: #b0833b;
1022
- --redsift-color-light-components-buttons-secondary-button-warning-text-disabled: #858585;
1022
+ --redsift-color-light-components-buttons-secondary-button-warning-text-disabled: #a3a3a3;
1023
1023
  --redsift-color-light-components-buttons-secondary-button-info-background-default: transparent;
1024
1024
  --redsift-color-light-components-buttons-secondary-button-info-background-hover: #d9e7fd;
1025
1025
  --redsift-color-light-components-buttons-secondary-button-info-background-active: #b3cefb;
@@ -1027,7 +1027,7 @@
1027
1027
  --redsift-color-light-components-buttons-secondary-button-info-text-default: #4285f4;
1028
1028
  --redsift-color-light-components-buttons-secondary-button-info-text-hover: #3b78dc;
1029
1029
  --redsift-color-light-components-buttons-secondary-button-info-text-active: #2e5dab;
1030
- --redsift-color-light-components-buttons-secondary-button-info-text-disabled: #858585;
1030
+ --redsift-color-light-components-buttons-secondary-button-info-text-disabled: #a3a3a3;
1031
1031
  --redsift-color-light-components-buttons-secondary-button-grey-background-default: transparent;
1032
1032
  --redsift-color-light-components-buttons-secondary-button-grey-background-hover: #f2f2f2;
1033
1033
  --redsift-color-light-components-buttons-secondary-button-grey-background-active: #e0e0e0;
@@ -1035,63 +1035,63 @@
1035
1035
  --redsift-color-light-components-buttons-secondary-button-grey-text-default: #666666;
1036
1036
  --redsift-color-light-components-buttons-secondary-button-grey-text-hover: #525252;
1037
1037
  --redsift-color-light-components-buttons-secondary-button-grey-text-active: #525252;
1038
- --redsift-color-light-components-buttons-secondary-button-grey-text-disabled: #858585;
1038
+ --redsift-color-light-components-buttons-secondary-button-grey-text-disabled: #a3a3a3;
1039
1039
  --redsift-color-light-components-buttons-unstyled-button-primary-background-default: transparent;
1040
1040
  --redsift-color-light-components-buttons-unstyled-button-primary-background-hover: #d9e7fd;
1041
1041
  --redsift-color-light-components-buttons-unstyled-button-primary-background-active: #b3cefb;
1042
- --redsift-color-light-components-buttons-unstyled-button-primary-background-disabled: #ffffff;
1042
+ --redsift-color-light-components-buttons-unstyled-button-primary-background-disabled: transparent;
1043
1043
  --redsift-color-light-components-buttons-unstyled-button-primary-text-default: #4285f4;
1044
1044
  --redsift-color-light-components-buttons-unstyled-button-primary-text-hover: #3b78dc;
1045
1045
  --redsift-color-light-components-buttons-unstyled-button-primary-text-active: #2e5dab;
1046
- --redsift-color-light-components-buttons-unstyled-button-primary-text-disabled: #858585;
1046
+ --redsift-color-light-components-buttons-unstyled-button-primary-text-disabled: #a3a3a3;
1047
1047
  --redsift-color-light-components-buttons-unstyled-button-secondary-background-default: transparent;
1048
1048
  --redsift-color-light-components-buttons-unstyled-button-secondary-background-hover: #dcf1ed;
1049
1049
  --redsift-color-light-components-buttons-unstyled-button-secondary-background-active: #b9e2db;
1050
- --redsift-color-light-components-buttons-unstyled-button-secondary-background-disabled: #ffffff;
1050
+ --redsift-color-light-components-buttons-unstyled-button-secondary-background-disabled: transparent;
1051
1051
  --redsift-color-light-components-buttons-unstyled-button-secondary-text-default: #51b7a4;
1052
1052
  --redsift-color-light-components-buttons-unstyled-button-secondary-text-hover: #49a594;
1053
1053
  --redsift-color-light-components-buttons-unstyled-button-secondary-text-active: #398073;
1054
- --redsift-color-light-components-buttons-unstyled-button-secondary-text-disabled: #858585;
1054
+ --redsift-color-light-components-buttons-unstyled-button-secondary-text-disabled: #a3a3a3;
1055
1055
  --redsift-color-light-components-buttons-unstyled-button-success-background-default: transparent;
1056
1056
  --redsift-color-light-components-buttons-unstyled-button-success-background-hover: #cceedf;
1057
1057
  --redsift-color-light-components-buttons-unstyled-button-success-background-active: #9adec0;
1058
- --redsift-color-light-components-buttons-unstyled-button-success-background-disabled: #ffffff;
1058
+ --redsift-color-light-components-buttons-unstyled-button-success-background-disabled: transparent;
1059
1059
  --redsift-color-light-components-buttons-unstyled-button-success-text-default: #02ac61;
1060
1060
  --redsift-color-light-components-buttons-unstyled-button-success-text-hover: #029b57;
1061
1061
  --redsift-color-light-components-buttons-unstyled-button-success-text-active: #017844;
1062
- --redsift-color-light-components-buttons-unstyled-button-success-text-disabled: #858585;
1062
+ --redsift-color-light-components-buttons-unstyled-button-success-text-disabled: #a3a3a3;
1063
1063
  --redsift-color-light-components-buttons-unstyled-button-error-background-default: transparent;
1064
1064
  --redsift-color-light-components-buttons-unstyled-button-error-background-hover: #f9cfcf;
1065
1065
  --redsift-color-light-components-buttons-unstyled-button-error-background-active: #f39f9f;
1066
- --redsift-color-light-components-buttons-unstyled-button-error-background-disabled: #ffffff;
1066
+ --redsift-color-light-components-buttons-unstyled-button-error-background-disabled: transparent;
1067
1067
  --redsift-color-light-components-buttons-unstyled-button-error-text-default: #e11010;
1068
1068
  --redsift-color-light-components-buttons-unstyled-button-error-text-hover: #cb0e0e;
1069
1069
  --redsift-color-light-components-buttons-unstyled-button-error-text-active: #9e0b0b;
1070
- --redsift-color-light-components-buttons-unstyled-button-error-text-disabled: #858585;
1070
+ --redsift-color-light-components-buttons-unstyled-button-error-text-disabled: #a3a3a3;
1071
1071
  --redsift-color-light-components-buttons-unstyled-button-warning-background-default: transparent;
1072
1072
  --redsift-color-light-components-buttons-unstyled-button-warning-background-hover: #fef1dd;
1073
1073
  --redsift-color-light-components-buttons-unstyled-button-warning-background-active: #fee4bb;
1074
- --redsift-color-light-components-buttons-unstyled-button-warning-background-disabled: #ffffff;
1074
+ --redsift-color-light-components-buttons-unstyled-button-warning-background-disabled: transparent;
1075
1075
  --redsift-color-light-components-buttons-unstyled-button-warning-text-default: #fcbb54;
1076
1076
  --redsift-color-light-components-buttons-unstyled-button-warning-text-hover: #e3a84c;
1077
1077
  --redsift-color-light-components-buttons-unstyled-button-warning-text-active: #b0833b;
1078
- --redsift-color-light-components-buttons-unstyled-button-warning-text-disabled: #858585;
1078
+ --redsift-color-light-components-buttons-unstyled-button-warning-text-disabled: #a3a3a3;
1079
1079
  --redsift-color-light-components-buttons-unstyled-button-info-background-default: transparent;
1080
1080
  --redsift-color-light-components-buttons-unstyled-button-info-background-hover: #d9e7fd;
1081
1081
  --redsift-color-light-components-buttons-unstyled-button-info-background-active: #b3cefb;
1082
- --redsift-color-light-components-buttons-unstyled-button-info-background-disabled: #ffffff;
1082
+ --redsift-color-light-components-buttons-unstyled-button-info-background-disabled: transparent;
1083
1083
  --redsift-color-light-components-buttons-unstyled-button-info-text-default: #4285f4;
1084
1084
  --redsift-color-light-components-buttons-unstyled-button-info-text-hover: #3b78dc;
1085
1085
  --redsift-color-light-components-buttons-unstyled-button-info-text-active: #2e5dab;
1086
- --redsift-color-light-components-buttons-unstyled-button-info-text-disabled: #858585;
1086
+ --redsift-color-light-components-buttons-unstyled-button-info-text-disabled: #a3a3a3;
1087
1087
  --redsift-color-light-components-buttons-unstyled-button-grey-background-default: transparent;
1088
1088
  --redsift-color-light-components-buttons-unstyled-button-grey-background-hover: #f2f2f2;
1089
1089
  --redsift-color-light-components-buttons-unstyled-button-grey-background-active: #e0e0e0;
1090
- --redsift-color-light-components-buttons-unstyled-button-grey-background-disabled: #ffffff;
1090
+ --redsift-color-light-components-buttons-unstyled-button-grey-background-disabled: transparent;
1091
1091
  --redsift-color-light-components-buttons-unstyled-button-grey-text-default: #666666;
1092
1092
  --redsift-color-light-components-buttons-unstyled-button-grey-text-hover: #525252;
1093
1093
  --redsift-color-light-components-buttons-unstyled-button-grey-text-active: #525252;
1094
- --redsift-color-light-components-buttons-unstyled-button-grey-text-disabled: #858585;
1094
+ --redsift-color-light-components-buttons-unstyled-button-grey-text-disabled: #a3a3a3;
1095
1095
  --redsift-color-light-components-ai-ai-border: #e11010;
1096
1096
  --redsift-color-light-components-ai-ai-icon: #e11010;
1097
1097
  --redsift-color-light-components-spinner-spinner: #4285f4;
@@ -1253,7 +1253,7 @@
1253
1253
  --redsift-color-product-ondmarc: #96d36e;
1254
1254
  --redsift-color-product-on-inbox: #33b222;
1255
1255
  --redsift-color-product-oninbox: #33b222;
1256
- --redsift-color-product-radar: #51b7a4;
1256
+ --redsift-color-product-radar: #51B7A4;
1257
1257
  --redsift-color-product-vendor-secure: #f7c948;
1258
1258
  --redsift-color-product-rojo-ds: #e11010;
1259
1259
  --redsift-color-product-website: #e11010;
@@ -1290,75 +1290,75 @@
1290
1290
  --redsift-color-notifications-no-data-hover: #666666;
1291
1291
  --redsift-color-notifications-no-data-active: #474747;
1292
1292
  --redsift-color-presentation-green-darkerer: #078833;
1293
- --redsift-color-presentation-green-darker: #07aa45;
1294
- --redsift-color-presentation-green-dark: #00ce59;
1295
- --redsift-color-presentation-green-default: #56d58e;
1296
- --redsift-color-presentation-green-light: #a2e7ba;
1297
- --redsift-color-presentation-green-lighter: #c2efd1;
1298
- --redsift-color-presentation-green-lighterer: #e1f7e8;
1299
- --redsift-color-presentation-pink-darkerer: #b10078;
1300
- --redsift-color-presentation-pink-darker: #c5008c;
1301
- --redsift-color-presentation-pink-dark: #d800a2;
1302
- --redsift-color-presentation-pink-default: #d95cba;
1303
- --redsift-color-presentation-pink-light: #eca0d6;
1304
- --redsift-color-presentation-pink-lighter: #f4c0e3;
1305
- --redsift-color-presentation-pink-lighterer: #fae0f1;
1306
- --redsift-color-presentation-aqua-darkerer: #0b9287;
1307
- --redsift-color-presentation-aqua-darker: #0ab5ab;
1308
- --redsift-color-presentation-aqua-dark: #00d9d2;
1309
- --redsift-color-presentation-aqua-default: #63eae4;
1310
- --redsift-color-presentation-aqua-light: #9af8f4;
1311
- --redsift-color-presentation-aqua-lighter: #caf7f4;
1312
- --redsift-color-presentation-aqua-lighterer: #e5fbfa;
1293
+ --redsift-color-presentation-green-darker: #07AA45;
1294
+ --redsift-color-presentation-green-dark: #00CE59;
1295
+ --redsift-color-presentation-green-default: #56D58E;
1296
+ --redsift-color-presentation-green-light: #A2E7BA;
1297
+ --redsift-color-presentation-green-lighter: #C2EFD1;
1298
+ --redsift-color-presentation-green-lighterer: #E1F7E8;
1299
+ --redsift-color-presentation-pink-darkerer: #B10078;
1300
+ --redsift-color-presentation-pink-darker: #C5008C;
1301
+ --redsift-color-presentation-pink-dark: #D800A2;
1302
+ --redsift-color-presentation-pink-default: #D95CBA;
1303
+ --redsift-color-presentation-pink-light: #ECA0D6;
1304
+ --redsift-color-presentation-pink-lighter: #F4C0E3;
1305
+ --redsift-color-presentation-pink-lighterer: #FAE0F1;
1306
+ --redsift-color-presentation-aqua-darkerer: #0B9287;
1307
+ --redsift-color-presentation-aqua-darker: #0AB5AB;
1308
+ --redsift-color-presentation-aqua-dark: #00D9D2;
1309
+ --redsift-color-presentation-aqua-default: #63EAE4;
1310
+ --redsift-color-presentation-aqua-light: #9AF8F4;
1311
+ --redsift-color-presentation-aqua-lighter: #CAF7F4;
1312
+ --redsift-color-presentation-aqua-lighterer: #E5FBFA;
1313
1313
  --redsift-color-presentation-brown-darkerer: #701205;
1314
1314
  --redsift-color-presentation-brown-darker: #903107;
1315
- --redsift-color-presentation-brown-dark: #af5100;
1316
- --redsift-color-presentation-brown-default: #c78348;
1317
- --redsift-color-presentation-brown-light: #edc19c;
1318
- --redsift-color-presentation-brown-lighter: #f6d9c3;
1319
- --redsift-color-presentation-brown-lighterer: #fae6d7;
1320
- --redsift-color-presentation-red-darkerer: #b10004;
1321
- --redsift-color-presentation-red-darker: #c70003;
1322
- --redsift-color-presentation-red-dark: #de0000;
1323
- --redsift-color-presentation-red-default: #e06363;
1324
- --redsift-color-presentation-red-light: #f3a39e;
1325
- --redsift-color-presentation-red-lighter: #f8bbba;
1326
- --redsift-color-presentation-red-lighterer: #fddddc;
1327
- --redsift-color-presentation-yellow-darkerer: #8a7f18;
1328
- --redsift-color-presentation-yellow-darker: #bcad14;
1329
- --redsift-color-presentation-yellow-dark: #f0de00;
1330
- --redsift-color-presentation-yellow-default: #fff741;
1331
- --redsift-color-presentation-yellow-light: #f7efc3;
1332
- --redsift-color-presentation-yellow-lighter: #fbf5db;
1333
- --redsift-color-presentation-yellow-lighterer: #fcf9e7;
1334
- --redsift-color-presentation-purple-darkerer: #4702c1;
1335
- --redsift-color-presentation-purple-darker: #7902eb;
1336
- --redsift-color-presentation-purple-dark: #9200ff;
1337
- --redsift-color-presentation-purple-default: #965ede;
1338
- --redsift-color-presentation-purple-light: #c6a8ef;
1339
- --redsift-color-presentation-purple-lighter: #decaf6;
1340
- --redsift-color-presentation-purple-lighterer: #e9dcf9;
1341
- --redsift-color-presentation-orange-darkerer: #b45310;
1342
- --redsift-color-presentation-orange-darker: #d2710b;
1343
- --redsift-color-presentation-orange-dark: #ed9200;
1344
- --redsift-color-presentation-orange-default: #fcbb54;
1345
- --redsift-color-presentation-orange-light: #f8d296;
1346
- --redsift-color-presentation-orange-lighter: #fde4c0;
1347
- --redsift-color-presentation-orange-lighterer: #feedd5;
1348
- --redsift-color-presentation-blue-darkerer: #0082f8;
1349
- --redsift-color-presentation-blue-darker: #0099fd;
1350
- --redsift-color-presentation-blue-dark: #00aeff;
1351
- --redsift-color-presentation-blue-default: #73c5eb;
1352
- --redsift-color-presentation-blue-light: #b1dcf3;
1353
- --redsift-color-presentation-blue-lighter: #cce8f7;
1354
- --redsift-color-presentation-blue-lighterer: #e6f3fb;
1355
- --redsift-color-presentation-grey-darkerer: #6e6e6e;
1315
+ --redsift-color-presentation-brown-dark: #AF5100;
1316
+ --redsift-color-presentation-brown-default: #C78348;
1317
+ --redsift-color-presentation-brown-light: #EDC19C;
1318
+ --redsift-color-presentation-brown-lighter: #F6D9C3;
1319
+ --redsift-color-presentation-brown-lighterer: #FAE6D7;
1320
+ --redsift-color-presentation-red-darkerer: #B10004;
1321
+ --redsift-color-presentation-red-darker: #C70003;
1322
+ --redsift-color-presentation-red-dark: #DE0000;
1323
+ --redsift-color-presentation-red-default: #E06363;
1324
+ --redsift-color-presentation-red-light: #F3A39E;
1325
+ --redsift-color-presentation-red-lighter: #F8BBBA;
1326
+ --redsift-color-presentation-red-lighterer: #FDDDDC;
1327
+ --redsift-color-presentation-yellow-darkerer: #8A7F18;
1328
+ --redsift-color-presentation-yellow-darker: #BCAD14;
1329
+ --redsift-color-presentation-yellow-dark: #F0DE00;
1330
+ --redsift-color-presentation-yellow-default: #FFF741;
1331
+ --redsift-color-presentation-yellow-light: #F7EFC3;
1332
+ --redsift-color-presentation-yellow-lighter: #FBF5DB;
1333
+ --redsift-color-presentation-yellow-lighterer: #FCF9E7;
1334
+ --redsift-color-presentation-purple-darkerer: #4702C1;
1335
+ --redsift-color-presentation-purple-darker: #7902EB;
1336
+ --redsift-color-presentation-purple-dark: #9200FF;
1337
+ --redsift-color-presentation-purple-default: #965EDE;
1338
+ --redsift-color-presentation-purple-light: #C6A8EF;
1339
+ --redsift-color-presentation-purple-lighter: #DECAF6;
1340
+ --redsift-color-presentation-purple-lighterer: #E9DCF9;
1341
+ --redsift-color-presentation-orange-darkerer: #B45310;
1342
+ --redsift-color-presentation-orange-darker: #D2710B;
1343
+ --redsift-color-presentation-orange-dark: #ED9200;
1344
+ --redsift-color-presentation-orange-default: #FCBB54;
1345
+ --redsift-color-presentation-orange-light: #F8D296;
1346
+ --redsift-color-presentation-orange-lighter: #FDE4C0;
1347
+ --redsift-color-presentation-orange-lighterer: #FEEDD5;
1348
+ --redsift-color-presentation-blue-darkerer: #0082F8;
1349
+ --redsift-color-presentation-blue-darker: #0099FD;
1350
+ --redsift-color-presentation-blue-dark: #00AEFF;
1351
+ --redsift-color-presentation-blue-default: #73C5EB;
1352
+ --redsift-color-presentation-blue-light: #B1DCF3;
1353
+ --redsift-color-presentation-blue-lighter: #CCE8F7;
1354
+ --redsift-color-presentation-blue-lighterer: #E6F3FB;
1355
+ --redsift-color-presentation-grey-darkerer: #6E6E6E;
1356
1356
  --redsift-color-presentation-grey-darker: #959595;
1357
- --redsift-color-presentation-grey-dark: #bfbfbf;
1358
- --redsift-color-presentation-grey-default: #d6d6d6;
1359
- --redsift-color-presentation-grey-light: #e6e6e6;
1360
- --redsift-color-presentation-grey-lighter: #eeeeee;
1361
- --redsift-color-presentation-grey-lighterer: #f7f7f7;
1357
+ --redsift-color-presentation-grey-dark: #BFBFBF;
1358
+ --redsift-color-presentation-grey-default: #D6D6D6;
1359
+ --redsift-color-presentation-grey-light: #E6E6E6;
1360
+ --redsift-color-presentation-grey-lighter: #EEEEEE;
1361
+ --redsift-color-presentation-grey-lighterer: #F7F7F7;
1362
1362
  --redsift-border-radius: 4px;
1363
1363
  --redsift-layout-z-index-footer: 1000;
1364
1364
  --redsift-layout-z-index-header: 1010;