@redsift/design-system 8.1.0 → 9.0.0-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 (40) hide show
  1. package/index.d.ts +411 -375
  2. package/index.js +1685 -1507
  3. package/index.js.map +1 -1
  4. package/package.json +3 -2
  5. package/style/index.css +764 -382
  6. package/style/redsift-design-tokens.css +214 -245
  7. package/style/redsift-fonts.css +545 -132
  8. package/style/redsift-reset.css +1 -0
  9. package/style/redsift-style.css +4 -5
  10. package/style/redsift.css +764 -382
  11. package/style/fonts/electrolize-v14-latin-regular.woff +0 -0
  12. package/style/fonts/electrolize-v14-latin-regular.woff2 +0 -0
  13. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.woff +0 -0
  14. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.woff2 +0 -0
  15. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff +0 -0
  16. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff2 +0 -0
  17. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.woff +0 -0
  18. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.woff2 +0 -0
  19. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500italic.woff +0 -0
  20. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500italic.woff2 +0 -0
  21. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.woff +0 -0
  22. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.woff2 +0 -0
  23. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff +0 -0
  24. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff2 +0 -0
  25. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff +0 -0
  26. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff2 +0 -0
  27. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff +0 -0
  28. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff2 +0 -0
  29. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.woff +0 -0
  30. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.woff2 +0 -0
  31. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff +0 -0
  32. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2 +0 -0
  33. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff +0 -0
  34. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2 +0 -0
  35. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff +0 -0
  36. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2 +0 -0
  37. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff +0 -0
  38. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2 +0 -0
  39. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff +0 -0
  40. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2 +0 -0
package/style/redsift-design-tokens.css CHANGED
@@ -1,191 +1,165 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Jun 2023 10:28:00 GMT
3
+ * Generated on Thu, 21 Sep 2023 13:54:48 GMT
4
4
  */
5
5
 
6
6
  :root {
7
- --redsift-color-default-primary: #0079e1;
8
- --redsift-color-default-secondary: #0063b9;
9
- --redsift-color-default-hover: #dce8f3;
10
- --redsift-color-default-active: #c4dcf1;
11
- --redsift-color-default-active-hover: #abcfef;
12
- --redsift-color-default-primary-active: #004a8a;
13
- --redsift-color-default-primary-active-hover: #00427c;
14
- --redsift-color-website-primary: #0079e1;
15
- --redsift-color-website-secondary: #0063b9;
16
- --redsift-color-website-hover: #dce8f3;
17
- --redsift-color-website-active: #c4dcf1;
18
- --redsift-color-website-active-hover: #abcfef;
19
- --redsift-color-website-primary-active: #004a8a;
20
- --redsift-color-website-primary-active-hover: #00427c;
21
- --redsift-color-ondmarc-primary: #02ac61;
22
- --redsift-color-ondmarc-secondary: #009252;
23
- --redsift-color-ondmarc-hover: #dcede6;
24
- --redsift-color-ondmarc-active: #c4e6d7;
25
- --redsift-color-ondmarc-active-hover: #acdfc8;
26
- --redsift-color-ondmarc-primary-active: #00512e;
27
- --redsift-color-ondmarc-primary-active-hover: #004829;
28
- --redsift-color-oninbox-primary: #33b222;
29
- --redsift-color-oninbox-secondary: #268519;
30
- --redsift-color-oninbox-hover: #e1eedf;
31
- --redsift-color-oninbox-active: #cee8cb;
32
- --redsift-color-oninbox-active-hover: #bae0b5;
33
- --redsift-color-oninbox-primary-active: #164e0e;
34
- --redsift-color-oninbox-primary-active-hover: #13460c;
35
- --redsift-color-ondomain-primary: #028062;
36
- --redsift-color-ondomain-secondary: #015944;
37
- --redsift-color-ondomain-hover: #dce9e6;
38
- --redsift-color-ondomain-active: #c4ded8;
39
- --redsift-color-ondomain-active-hover: #acd1c8;
40
- --redsift-color-ondomain-primary-active: #003f30;
41
- --redsift-color-ondomain-primary-active-hover: #00382b;
42
- --redsift-color-hardenize-primary: #0f7ab3;
43
- --redsift-color-hardenize-secondary: #3498db;
44
- --redsift-color-hardenize-hover: #dee8ee;
45
- --redsift-color-hardenize-active: #c7dce8;
46
- --redsift-color-hardenize-active-hover: #b0d0e1;
47
- --redsift-color-hardenize-primary-active: #0a5379;
48
- --redsift-color-hardenize-primary-active-hover: #094a6c;
49
- --redsift-color-tools-primary: #37bdfb;
50
- --redsift-color-tools-secondary: #02a2ef;
51
- --redsift-color-tools-hover: #e2eff5;
52
- --redsift-color-tools-active: #cfeaf6;
53
- --redsift-color-tools-active-hover: #bce4f6;
54
- --redsift-color-tools-primary-active: #237ea8;
55
- --redsift-color-tools-primary-active-hover: #1f7197;
56
- --redsift-color-success-primary: #02ac61;
57
- --redsift-color-success-secondary: #009252;
58
- --redsift-color-success-hover: #dcede6;
59
- --redsift-color-success-active: #c4e6d7;
60
- --redsift-color-success-active-hover: #acdfc8;
61
- --redsift-color-success-primary-active: #00512e;
62
- --redsift-color-success-primary-active-hover: #004829;
63
- --redsift-color-error-primary: #e11010;
64
- --redsift-color-error-secondary: #b41010;
65
- --redsift-color-error-hover: #f3dede;
66
- --redsift-color-error-active: #f1c7c7;
67
- --redsift-color-error-active-hover: #efb0b0;
68
- --redsift-color-error-primary-active: #770a0a;
69
- --redsift-color-error-primary-active-hover: #6b0909;
70
- --redsift-color-warning-primary: #fcbb54;
71
- --redsift-color-warning-secondary: #c09300;
72
- --redsift-color-warning-hover: #f5efe4;
73
- --redsift-color-warning-active: #f6e9d5;
74
- --redsift-color-warning-active-hover: #f7e3c4;
75
- --redsift-color-warning-primary-active: #ae833f;
76
- --redsift-color-warning-primary-active-hover: #9c7538;
77
- --redsift-color-info-primary: #0079e1;
78
- --redsift-color-info-secondary: #0063b9;
79
- --redsift-color-info-hover: #dce8f3;
80
- --redsift-color-info-active: #c4dcf1;
81
- --redsift-color-info-active-hover: #abcfef;
82
- --redsift-color-info-primary-active: #004a8a;
83
- --redsift-color-info-primary-active-hover: #00427c;
84
- --redsift-color-question-primary: #666666;
85
- --redsift-color-question-secondary: #1c1c1c;
86
- --redsift-color-question-hover: #e6e6e6;
87
- --redsift-color-question-active: #d8d8d8;
88
- --redsift-color-question-active-hover: #cacaca;
89
- --redsift-color-question-primary-active: #111111;
90
- --redsift-color-question-primary-active-hover: #0f0f0f;
91
- --redsift-color-no-data-primary: #bdbdbd;
92
- --redsift-color-no-data-secondary: #666666;
93
- --redsift-color-no-data-hover: #efefef;
94
- --redsift-color-no-data-active: #eaeaea;
95
- --redsift-color-no-data-active-hover: #e4e4e4;
96
- --redsift-color-no-data-primary-active: #3d3d3d;
97
- --redsift-color-no-data-primary-active-hover: #363636;
7
+ --redsift-color-redsift: #e11010;
8
+ --redsift-color-product-asm: #8361ea;
9
+ --redsift-color-product-brand-trust: #7ec2fa;
10
+ --redsift-color-product-certificates: #e8712e;
11
+ --redsift-color-product-ondmarc: #96d36e;
12
+ --redsift-color-product-radar: #51b7a4;
13
+ --redsift-color-product-rojo-ds: #e11010;
14
+ --redsift-color-product-vendor-secure: #f7c948;
15
+ --redsift-color-product-website: #e11010;
98
16
  --redsift-color-neutral-black: #1c1c1c;
99
- --redsift-color-neutral-darkgrey: #666666;
100
- --redsift-color-neutral-midgrey: #bdbdbd;
101
- --redsift-color-neutral-lightgrey: #ebebeb;
102
- --redsift-color-neutral-xlightgrey: #f5f5f5;
17
+ --redsift-color-neutral-darkgrey: #333333;
18
+ --redsift-color-neutral-midgrey: #666666;
19
+ --redsift-color-neutral-lightgrey: #b6b6b6;
20
+ --redsift-color-neutral-xlightgrey: #f2f2f2;
103
21
  --redsift-color-neutral-white: #ffffff;
104
- --redsift-app-bar-color-background: #0079e1;
105
- --redsift-app-bar-color-text: #ffffff;
106
- --redsift-app-bar-color-expand-icon-resting: #ffffff;
107
- --redsift-app-bar-color-expand-icon-hover: #ffffff;
108
- --redsift-app-bar-color-expand-icon-background-hover: #0063b9;
109
- --redsift-data-viz-color-green-darkerer: #078833;
110
- --redsift-data-viz-color-green-darker: #07aa45;
111
- --redsift-data-viz-color-green-dark: #00ce59;
112
- --redsift-data-viz-color-green-default: #56d58e;
113
- --redsift-data-viz-color-green-light: #a2e7ba;
114
- --redsift-data-viz-color-green-lighter: #c2efd1;
115
- --redsift-data-viz-color-green-lighterer: #e1f7e8;
116
- --redsift-data-viz-color-pink-darkerer: #b10078;
117
- --redsift-data-viz-color-pink-darker: #c5008c;
118
- --redsift-data-viz-color-pink-dark: #d800a2;
119
- --redsift-data-viz-color-pink-default: #d95cba;
120
- --redsift-data-viz-color-pink-light: #eca0d6;
121
- --redsift-data-viz-color-pink-lighter: #f4c0e3;
122
- --redsift-data-viz-color-pink-lighterer: #fae0f1;
123
- --redsift-data-viz-color-aqua-darkerer: #0b9287;
124
- --redsift-data-viz-color-aqua-darker: #0ab5ab;
125
- --redsift-data-viz-color-aqua-dark: #00d9d2;
126
- --redsift-data-viz-color-aqua-default: #63eae4;
127
- --redsift-data-viz-color-aqua-light: #9af8f4;
128
- --redsift-data-viz-color-aqua-lighter: #caf7f4;
129
- --redsift-data-viz-color-aqua-lighterer: #e5fbfa;
130
- --redsift-data-viz-color-brown-darkerer: #701205;
131
- --redsift-data-viz-color-brown-darker: #903107;
132
- --redsift-data-viz-color-brown-dark: #af5100;
133
- --redsift-data-viz-color-brown-default: #c78348;
134
- --redsift-data-viz-color-brown-light: #edc19c;
135
- --redsift-data-viz-color-brown-lighter: #f6d9c3;
136
- --redsift-data-viz-color-brown-lighterer: #fae6d7;
137
- --redsift-data-viz-color-red-darkerer: #b10004;
138
- --redsift-data-viz-color-red-darker: #c70003;
139
- --redsift-data-viz-color-red-dark: #de0000;
140
- --redsift-data-viz-color-red-default: #e06363;
141
- --redsift-data-viz-color-red-light: #f3a39e;
142
- --redsift-data-viz-color-red-lighter: #f8bbba;
143
- --redsift-data-viz-color-red-lighterer: #fddddc;
144
- --redsift-data-viz-color-yellow-darkerer: #8a7f18;
145
- --redsift-data-viz-color-yellow-darker: #bcad14;
146
- --redsift-data-viz-color-yellow-dark: #f0de00;
147
- --redsift-data-viz-color-yellow-default: #fff741;
148
- --redsift-data-viz-color-yellow-light: #f7efc3;
149
- --redsift-data-viz-color-yellow-lighter: #fbf5db;
150
- --redsift-data-viz-color-yellow-lighterer: #fcf9e7;
151
- --redsift-data-viz-color-purple-darkerer: #4702c1;
152
- --redsift-data-viz-color-purple-darker: #7902eb;
153
- --redsift-data-viz-color-purple-dark: #9200ff;
154
- --redsift-data-viz-color-purple-default: #965ede;
155
- --redsift-data-viz-color-purple-light: #c6a8ef;
156
- --redsift-data-viz-color-purple-lighter: #decaf6;
157
- --redsift-data-viz-color-purple-lighterer: #e9dcf9;
158
- --redsift-data-viz-color-orange-darkerer: #b45310;
159
- --redsift-data-viz-color-orange-darker: #d2710b;
160
- --redsift-data-viz-color-orange-dark: #ed9200;
161
- --redsift-data-viz-color-orange-default: #fcbb54;
162
- --redsift-data-viz-color-orange-light: #f8d296;
163
- --redsift-data-viz-color-orange-lighter: #fde4c0;
164
- --redsift-data-viz-color-orange-lighterer: #feedd5;
165
- --redsift-data-viz-color-blue-darkerer: #0082f8;
166
- --redsift-data-viz-color-blue-darker: #0099fd;
167
- --redsift-data-viz-color-blue-dark: #00aeff;
168
- --redsift-data-viz-color-blue-default: #73c5eb;
169
- --redsift-data-viz-color-blue-light: #b1dcf3;
170
- --redsift-data-viz-color-blue-lighter: #cce8f7;
171
- --redsift-data-viz-color-blue-lighterer: #e6f3fb;
172
- --redsift-data-viz-color-grey-darkerer: #6e6e6e;
173
- --redsift-data-viz-color-grey-darker: #959595;
174
- --redsift-data-viz-color-grey-dark: #bfbfbf;
175
- --redsift-data-viz-color-grey-default: #d6d6d6;
176
- --redsift-data-viz-color-grey-light: #e6e6e6;
177
- --redsift-data-viz-color-grey-lighter: #eeeeee;
178
- --redsift-data-viz-color-grey-lighterer: #f7f7f7;
179
- --redsift-side-navigation-color-background: #2d2d34;
180
- --redsift-side-navigation-color-menu-item-text-resting: #ffffffb3;
181
- --redsift-side-navigation-color-menu-item-text-disabled: #76767a;
182
- --redsift-side-navigation-color-menu-item-text-hover: #ffffff;
183
- --redsift-side-navigation-color-menu-item-background-hover: #4c4c64;
184
- --redsift-side-navigation-color-menu-item-background-secondary: #333340;
185
- --redsift-side-navigation-color-menu-item-background-active: #39394c;
186
- --redsift-side-navigation-color-menu-item-active: #02ac61;
187
- --redsift-side-navigation-color-scrollbar-resting: #4c4c64;
188
- --redsift-side-navigation-color-scrollbar-hover: #5d5d73;
22
+ --redsift-app-bar-color-background: #ffffff;
23
+ --redsift-app-bar-color-text: #1c1c1c;
24
+ --redsift-app-bar-color-expand-icon-resting: #333333;
25
+ --redsift-app-bar-color-expand-icon-hover: #1c1c1c;
26
+ --redsift-app-bar-color-expand-icon-background-hover: #ffffff;
27
+ --redsift-color-ctas-primary-primary: #4285F4;
28
+ --redsift-color-ctas-primary-hover: #D9E7FD;
29
+ --redsift-color-ctas-primary-active: #B3CEFB;
30
+ --redsift-color-ctas-primary-active-hover: #8EB6F8;
31
+ --redsift-color-ctas-primary-button-hover: #356AC3;
32
+ --redsift-color-ctas-primary-button-active: #285092;
33
+ --redsift-color-ctas-primary-button-active-hover: #1A3562;
34
+ --redsift-color-ctas-secondary-primary: #51B7A4;
35
+ --redsift-color-ctas-secondary-hover: #DCF1ED;
36
+ --redsift-color-ctas-secondary-active: #B9E2DB;
37
+ --redsift-color-ctas-secondary-active-hover: #97D4C8;
38
+ --redsift-color-ctas-secondary-button-hover: #419283;
39
+ --redsift-color-ctas-secondary-button-active: #316E62;
40
+ --redsift-color-ctas-secondary-button-active-hover: #204942;
41
+ --redsift-color-notifications-success-primary: #02AC61;
42
+ --redsift-color-notifications-success-hover: #CCEEDF;
43
+ --redsift-color-notifications-success-active: #9ADEC0;
44
+ --redsift-color-notifications-success-active-hover: #67CDA0;
45
+ --redsift-color-notifications-success-button-hover: #028A4E;
46
+ --redsift-color-notifications-success-button-active: #01673A;
47
+ --redsift-color-notifications-success-button-active-hover: #014527;
48
+ --redsift-color-notifications-error-primary: #E11010;
49
+ --redsift-color-notifications-error-hover: #F9CFCF;
50
+ --redsift-color-notifications-error-active: #F39F9F;
51
+ --redsift-color-notifications-error-active-hover: #ED7070;
52
+ --redsift-color-notifications-error-button-hover: #B40D0D;
53
+ --redsift-color-notifications-error-button-active: #870A0A;
54
+ --redsift-color-notifications-error-button-active-hover: #5A0606;
55
+ --redsift-color-notifications-warning-primary: #FCBB54;
56
+ --redsift-color-notifications-warning-hover: #FEF1DD;
57
+ --redsift-color-notifications-warning-active: #FEE4BB;
58
+ --redsift-color-notifications-warning-active-hover: #FDD698;
59
+ --redsift-color-notifications-warning-button-hover: #CA9643;
60
+ --redsift-color-notifications-warning-button-active: #977032;
61
+ --redsift-color-notifications-warning-button-active-hover: #654B22;
62
+ --redsift-color-notifications-info-primary: #4285F4;
63
+ --redsift-color-notifications-info-hover: #D9E7FD;
64
+ --redsift-color-notifications-info-active: #B3CEFB;
65
+ --redsift-color-notifications-info-active-hover: #8EB6F8;
66
+ --redsift-color-notifications-info-button-hover: #356AC3;
67
+ --redsift-color-notifications-info-button-active: #285092;
68
+ --redsift-color-notifications-info-button-active-hover: #1A3562;
69
+ --redsift-color-notifications-question-primary: #666666;
70
+ --redsift-color-notifications-question-hover: #B2B2B2;
71
+ --redsift-color-notifications-question-active: #A3A3A3;
72
+ --redsift-color-notifications-question-active-hover: #949494;
73
+ --redsift-color-notifications-question-button-hover: #525252;
74
+ --redsift-color-notifications-question-button-active: #474747;
75
+ --redsift-color-notifications-question-button-active-hover: #3D3D3D;
76
+ --redsift-color-notifications-no-data-primary: #BDBDBD;
77
+ --redsift-color-notifications-no-data-hover: #DEDEDE;
78
+ --redsift-color-notifications-no-data-active: #D7D7D7;
79
+ --redsift-color-notifications-no-data-active-hover: #D1D1D1;
80
+ --redsift-color-notifications-no-data-button-hover: #979797;
81
+ --redsift-color-notifications-no-data-button-active: #848484;
82
+ --redsift-color-notifications-no-data-button-active-hover: #717171;
83
+ --redsift-color-presentation-green-darkerer: #078833;
84
+ --redsift-color-presentation-green-darker: #07AA45;
85
+ --redsift-color-presentation-green-dark: #00CE59;
86
+ --redsift-color-presentation-green-default: #56D58E;
87
+ --redsift-color-presentation-green-light: #A2E7BA;
88
+ --redsift-color-presentation-green-lighter: #C2EFD1;
89
+ --redsift-color-presentation-green-lighterer: #E1F7E8;
90
+ --redsift-color-presentation-pink-darkerer: #B10078;
91
+ --redsift-color-presentation-pink-darker: #C5008C;
92
+ --redsift-color-presentation-pink-dark: #D800A2;
93
+ --redsift-color-presentation-pink-default: #D95CBA;
94
+ --redsift-color-presentation-pink-light: #ECA0D6;
95
+ --redsift-color-presentation-pink-lighter: #F4C0E3;
96
+ --redsift-color-presentation-pink-lighterer: #FAE0F1;
97
+ --redsift-color-presentation-aqua-darkerer: #0B9287;
98
+ --redsift-color-presentation-aqua-darker: #0AB5AB;
99
+ --redsift-color-presentation-aqua-dark: #00D9D2;
100
+ --redsift-color-presentation-aqua-default: #63EAE4;
101
+ --redsift-color-presentation-aqua-light: #9AF8F4;
102
+ --redsift-color-presentation-aqua-lighter: #CAF7F4;
103
+ --redsift-color-presentation-aqua-lighterer: #E5FBFA;
104
+ --redsift-color-presentation-brown-darkerer: #701205;
105
+ --redsift-color-presentation-brown-darker: #903107;
106
+ --redsift-color-presentation-brown-dark: #AF5100;
107
+ --redsift-color-presentation-brown-default: #C78348;
108
+ --redsift-color-presentation-brown-light: #EDC19C;
109
+ --redsift-color-presentation-brown-lighter: #F6D9C3;
110
+ --redsift-color-presentation-brown-lighterer: #FAE6D7;
111
+ --redsift-color-presentation-red-darkerer: #B10004;
112
+ --redsift-color-presentation-red-darker: #C70003;
113
+ --redsift-color-presentation-red-dark: #DE0000;
114
+ --redsift-color-presentation-red-default: #E06363;
115
+ --redsift-color-presentation-red-light: #F3A39E;
116
+ --redsift-color-presentation-red-lighter: #F8BBBA;
117
+ --redsift-color-presentation-red-lighterer: #FDDDDC;
118
+ --redsift-color-presentation-yellow-darkerer: #8A7F18;
119
+ --redsift-color-presentation-yellow-darker: #BCAD14;
120
+ --redsift-color-presentation-yellow-dark: #F0DE00;
121
+ --redsift-color-presentation-yellow-default: #FFF741;
122
+ --redsift-color-presentation-yellow-light: #F7EFC3;
123
+ --redsift-color-presentation-yellow-lighter: #FBF5DB;
124
+ --redsift-color-presentation-yellow-lighterer: #FCF9E7;
125
+ --redsift-color-presentation-purple-darkerer: #4702C1;
126
+ --redsift-color-presentation-purple-darker: #7902EB;
127
+ --redsift-color-presentation-purple-dark: #9200FF;
128
+ --redsift-color-presentation-purple-default: #965EDE;
129
+ --redsift-color-presentation-purple-light: #C6A8EF;
130
+ --redsift-color-presentation-purple-lighter: #DECAF6;
131
+ --redsift-color-presentation-purple-lighterer: #E9DCF9;
132
+ --redsift-color-presentation-orange-darkerer: #B45310;
133
+ --redsift-color-presentation-orange-darker: #D2710B;
134
+ --redsift-color-presentation-orange-dark: #ED9200;
135
+ --redsift-color-presentation-orange-default: #FCBB54;
136
+ --redsift-color-presentation-orange-light: #F8D296;
137
+ --redsift-color-presentation-orange-lighter: #FDE4C0;
138
+ --redsift-color-presentation-orange-lighterer: #FEEDD5;
139
+ --redsift-color-presentation-blue-darkerer: #0082F8;
140
+ --redsift-color-presentation-blue-darker: #0099FD;
141
+ --redsift-color-presentation-blue-dark: #00AEFF;
142
+ --redsift-color-presentation-blue-default: #73C5EB;
143
+ --redsift-color-presentation-blue-light: #B1DCF3;
144
+ --redsift-color-presentation-blue-lighter: #CCE8F7;
145
+ --redsift-color-presentation-blue-lighterer: #E6F3FB;
146
+ --redsift-color-presentation-grey-darkerer: #6E6E6E;
147
+ --redsift-color-presentation-grey-darker: #959595;
148
+ --redsift-color-presentation-grey-dark: #BFBFBF;
149
+ --redsift-color-presentation-grey-default: #D6D6D6;
150
+ --redsift-color-presentation-grey-light: #E6E6E6;
151
+ --redsift-color-presentation-grey-lighter: #EEEEEE;
152
+ --redsift-color-presentation-grey-lighterer: #F7F7F7;
153
+ --redsift-side-navigation-color-background: #f2f2f2;
154
+ --redsift-side-navigation-color-menu-item-text-resting: #333333;
155
+ --redsift-side-navigation-color-menu-item-text-disabled: #666666;
156
+ --redsift-side-navigation-color-menu-item-text-hover: #1c1c1c;
157
+ --redsift-side-navigation-color-menu-item-background-hover: #E6E6E6;
158
+ --redsift-side-navigation-color-menu-item-background-secondary: transparent;
159
+ --redsift-side-navigation-color-menu-item-background-active: #b6b6b6;
160
+ --redsift-side-navigation-color-menu-item-active: #1c1c1c;
161
+ --redsift-side-navigation-color-scrollbar-resting: #b6b6b6;
162
+ --redsift-side-navigation-color-scrollbar-hover: #666666;
189
163
  --redsift-layout-z-index-footer: 1000;
190
164
  --redsift-layout-z-index-header: 1010;
191
165
  --redsift-layout-z-index-side-panel: 1050;
@@ -194,97 +168,92 @@
194
168
  --redsift-layout-z-index-dialog: 1200;
195
169
  --redsift-layout-z-index-popover: 1250;
196
170
  --redsift-layout-z-index-tooltip: 1300;
197
- --redsift-typography-font-family-raleway: 'Raleway', sans-serif;
198
- --redsift-typography-font-family-electrolize: 'electrolize', sans-serif;
199
- --redsift-typography-font-family-source-code-pro: 'Source Code Pro',
200
- sans-serif;
171
+ --redsift-typography-font-family-poppins: 'Poppins', sans-serif;
172
+ --redsift-typography-font-family-source-code-pro: 'Source Code Pro', sans-serif;
173
+ --redsift-typography-font-weight-thin: 100;
174
+ --redsift-typography-font-weight-extra-light: 200;
175
+ --redsift-typography-font-weight-light: 300;
201
176
  --redsift-typography-font-weight-regular: 400;
202
177
  --redsift-typography-font-weight-medium: 500;
203
178
  --redsift-typography-font-weight-semi-bold: 600;
204
179
  --redsift-typography-font-weight-bold: 700;
205
- --redsift-typography-h1-font-family: 'electrolize', sans-serif;
180
+ --redsift-typography-font-weight-extra-bold: 800;
181
+ --redsift-typography-font-weight-black: 900;
182
+ --redsift-typography-h1-font-family: 'Poppins', sans-serif;
206
183
  --redsift-typography-h1-font-size: 24px;
207
- --redsift-typography-h1-font-weight: 400;
208
- --redsift-typography-h1-line-height: 28px;
209
- --redsift-typography-h1-text-transform: uppercase;
210
- --redsift-typography-h2-font-family: 'Raleway', sans-serif;
211
- --redsift-typography-h2-font-size: 24px;
184
+ --redsift-typography-h1-font-weight: 600;
185
+ --redsift-typography-h1-line-height: 36px;
186
+ --redsift-typography-h1-text-transform: unset;
187
+ --redsift-typography-h2-font-family: 'Poppins', sans-serif;
188
+ --redsift-typography-h2-font-size: 22px;
212
189
  --redsift-typography-h2-font-weight: 600;
213
- --redsift-typography-h2-line-height: 28px;
190
+ --redsift-typography-h2-line-height: 30px;
214
191
  --redsift-typography-h2-text-transform: unset;
215
- --redsift-typography-h3-font-family: 'Raleway', sans-serif;
192
+ --redsift-typography-h3-font-family: 'Poppins', sans-serif;
216
193
  --redsift-typography-h3-font-size: 20px;
217
- --redsift-typography-h3-font-weight: 500;
218
- --redsift-typography-h3-line-height: 24px;
194
+ --redsift-typography-h3-font-weight: 600;
195
+ --redsift-typography-h3-line-height: 30px;
219
196
  --redsift-typography-h3-text-transform: unset;
220
- --redsift-typography-h4-font-family: 'Raleway', sans-serif;
221
- --redsift-typography-h4-font-size: 18px;
222
- --redsift-typography-h4-font-weight: 500;
223
- --redsift-typography-h4-line-height: 22px;
197
+ --redsift-typography-h4-font-family: 'Poppins', sans-serif;
198
+ --redsift-typography-h4-font-size: 16px;
199
+ --redsift-typography-h4-font-weight: 600;
200
+ --redsift-typography-h4-line-height: 24px;
224
201
  --redsift-typography-h4-text-transform: unset;
225
- --redsift-typography-h5-font-family: 'Raleway', sans-serif;
226
- --redsift-typography-h5-font-size: 16px;
202
+ --redsift-typography-h5-font-family: 'Poppins', sans-serif;
203
+ --redsift-typography-h5-font-size: 12px;
227
204
  --redsift-typography-h5-font-weight: 600;
228
- --redsift-typography-h5-line-height: 20px;
205
+ --redsift-typography-h5-line-height: 18px;
229
206
  --redsift-typography-h5-text-transform: unset;
230
- --redsift-typography-subtitle-font-family: 'Raleway', sans-serif;
231
- --redsift-typography-subtitle-font-size: 15px;
232
- --redsift-typography-subtitle-font-weight: 700;
233
- --redsift-typography-subtitle-line-height: 26px;
234
- --redsift-typography-subtitle-text-transform: unset;
235
- --redsift-typography-body-font-family: 'Raleway', sans-serif;
207
+ --redsift-typography-body-font-family: 'Poppins', sans-serif;
236
208
  --redsift-typography-body-font-size: 15px;
237
209
  --redsift-typography-body-font-weight: 400;
238
- --redsift-typography-body-line-height: 26px;
210
+ --redsift-typography-body-line-height: 24px;
239
211
  --redsift-typography-body-text-transform: unset;
240
- --redsift-typography-body2-font-family: 'Raleway', sans-serif;
241
- --redsift-typography-body2-font-size: 14px;
242
- --redsift-typography-body2-font-weight: 400;
243
- --redsift-typography-body2-line-height: 20px;
244
- --redsift-typography-link-font-family: 'Raleway', sans-serif;
212
+ --redsift-typography-link-font-family: 'Poppins', sans-serif;
245
213
  --redsift-typography-link-font-size: 15px;
246
214
  --redsift-typography-link-font-weight: 400;
247
215
  --redsift-typography-link-line-height: 26px;
248
- --redsift-typography-input-text-font-family: 'Source Code Pro', sans-serif;
216
+ --redsift-typography-input-text-font-family: 'Poppins', sans-serif;
249
217
  --redsift-typography-input-text-font-size: 15px;
250
218
  --redsift-typography-input-text-font-weight: 400;
251
- --redsift-typography-input-text-line-height: 26px;
252
- --redsift-typography-button-font-family: 'Raleway', sans-serif;
253
- --redsift-typography-button-font-size: 15px;
219
+ --redsift-typography-input-text-line-height: 24px;
220
+ --redsift-typography-button-font-family: 'Poppins', sans-serif;
221
+ --redsift-typography-button-font-size: 16px;
254
222
  --redsift-typography-button-font-weight: 500;
255
- --redsift-typography-button-line-height: 26px;
223
+ --redsift-typography-button-line-height: 24px;
256
224
  --redsift-typography-button-text-transform: uppercase;
257
- --redsift-typography-caption-font-family: 'Raleway', sans-serif;
258
- --redsift-typography-caption-font-size: 13px;
225
+ --redsift-typography-caption-font-family: 'Poppins', sans-serif;
226
+ --redsift-typography-caption-font-size: 12px;
259
227
  --redsift-typography-caption-font-weight: 400;
260
- --redsift-typography-caption-line-height: 23px;
228
+ --redsift-typography-caption-line-height: 18px;
261
229
  --redsift-typography-caption-text-transform: unset;
262
- --redsift-typography-helper-font-family: 'Raleway', sans-serif;
263
- --redsift-typography-helper-font-size: 12px;
230
+ --redsift-typography-helper-font-family: 'Poppins', sans-serif;
231
+ --redsift-typography-helper-font-size: 16px;
264
232
  --redsift-typography-helper-font-weight: 400;
265
- --redsift-typography-helper-line-height: 16px;
266
- --redsift-typography-badge-font-family: 'Source Code Pro', sans-serif;
233
+ --redsift-typography-helper-line-height: 24px;
234
+ --redsift-typography-helper-text-transform: unset;
235
+ --redsift-typography-badge-font-family: 'Poppins', sans-serif;
267
236
  --redsift-typography-badge-font-size: 12px;
268
- --redsift-typography-badge-font-weight: 500;
269
- --redsift-typography-badge-line-height: 20px;
270
- --redsift-typography-pill-font-family: 'Source Code Pro', sans-serif;
271
- --redsift-typography-pill-font-size: 15px;
272
- --redsift-typography-pill-font-weight: 500;
273
- --redsift-typography-pill-line-height: 28px;
274
- --redsift-typography-chip-font-family: 'Source Code Pro', sans-serif;
275
- --redsift-typography-chip-font-size: 13px;
237
+ --redsift-typography-badge-font-weight: 400;
238
+ --redsift-typography-badge-line-height: 12px;
239
+ --redsift-typography-pill-font-family: 'Poppins', sans-serif;
240
+ --redsift-typography-pill-font-size: 10px;
241
+ --redsift-typography-pill-font-weight: 400;
242
+ --redsift-typography-pill-line-height: normal;
243
+ --redsift-typography-chip-font-family: 'Poppins', sans-serif;
244
+ --redsift-typography-chip-font-size: 12px;
276
245
  --redsift-typography-chip-font-weight: 400;
277
246
  --redsift-typography-chip-line-height: 18px;
278
- --redsift-typography-tooltip-font-family: 'Raleway', sans-serif;
279
- --redsift-typography-tooltip-font-size: 13px;
280
- --redsift-typography-tooltip-font-weight: 500;
281
- --redsift-typography-tooltip-line-height: 23px;
282
- --redsift-typography-datagrid-header-font-family: 'Raleway', sans-serif;
283
- --redsift-typography-datagrid-header-font-size: 15px;
284
- --redsift-typography-datagrid-header-font-weight: 700;
285
- --redsift-typography-datagrid-header-line-height: 18px;
286
- --redsift-typography-datagrid-cell-font-family: 'Source Code Pro', sans-serif;
287
- --redsift-typography-datagrid-cell-font-size: 15px;
247
+ --redsift-typography-tooltip-font-family: 'Poppins', sans-serif;
248
+ --redsift-typography-tooltip-font-size: 12px;
249
+ --redsift-typography-tooltip-font-weight: 400;
250
+ --redsift-typography-tooltip-line-height: 18px;
251
+ --redsift-typography-datagrid-header-font-family: 'Poppins', sans-serif;
252
+ --redsift-typography-datagrid-header-font-size: 14px;
253
+ --redsift-typography-datagrid-header-font-weight: 600;
254
+ --redsift-typography-datagrid-header-line-height: 21px;
255
+ --redsift-typography-datagrid-cell-font-family: 'Poppins', sans-serif;
256
+ --redsift-typography-datagrid-cell-font-size: 16px;
288
257
  --redsift-typography-datagrid-cell-font-weight: 400;
289
- --redsift-typography-datagrid-cell-line-height: 18px;
258
+ --redsift-typography-datagrid-cell-line-height: 24px;
290
259
  }