@redsift/design-system 10.3.0-muiv5-alpha.1 → 10.3.0-muiv5-alpha.2
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/CONTRIBUTING.md +4 -0
- package/index.d.ts +99 -10
- package/index.js +457 -133
- package/index.js.map +1 -1
- package/package.json +2 -2
- package/style/index.css +65 -1
- package/style/redsift-design-tokens.css +65 -1
- package/style/redsift.css +65 -1
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-muiv5-alpha.
|
|
36
|
+
"version": "10.3.0-muiv5-alpha.2",
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@react-spring/web": "^9.7.1",
|
|
39
39
|
"classnames": "^2.3.1",
|
|
@@ -100,5 +100,5 @@
|
|
|
100
100
|
"react-dom": ">=17",
|
|
101
101
|
"styled-components": "^5.3.5"
|
|
102
102
|
},
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "ac3e4e7c6d87bedb24e5c098a787e98c7303da96"
|
|
104
104
|
}
|
package/style/index.css
CHANGED
|
@@ -596,7 +596,7 @@
|
|
|
596
596
|
}
|
|
597
597
|
/**
|
|
598
598
|
* Do not edit directly
|
|
599
|
-
* Generated on
|
|
599
|
+
* Generated on Wed, 10 Jul 2024 09:05:25 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;
|
|
@@ -755,6 +763,14 @@
|
|
|
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-radar-background-default: transparent;
|
|
767
|
+
--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));
|
|
768
|
+
--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));
|
|
769
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-background-disabled: #333333;
|
|
770
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
771
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
772
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
773
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-text-disabled: #858585;
|
|
758
774
|
--redsift-color-dark-components-buttons-unstyled-button-primary-background-default: transparent;
|
|
759
775
|
--redsift-color-dark-components-buttons-unstyled-button-primary-background-hover: #142849;
|
|
760
776
|
--redsift-color-dark-components-buttons-unstyled-button-primary-background-active: #0d1b31;
|
|
@@ -811,6 +827,30 @@
|
|
|
811
827
|
--redsift-color-dark-components-buttons-unstyled-button-grey-text-hover: #858585;
|
|
812
828
|
--redsift-color-dark-components-buttons-unstyled-button-grey-text-active: #a3a3a3;
|
|
813
829
|
--redsift-color-dark-components-buttons-unstyled-button-grey-text-disabled: #858585;
|
|
830
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-background-default: transparent;
|
|
831
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-background-hover: #f2f2f2;
|
|
832
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-background-active: #e0e0e0;
|
|
833
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-background-disabled: transparent;
|
|
834
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-text-default: #333333;
|
|
835
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-text-hover: #333333;
|
|
836
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-text-active: #333333;
|
|
837
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-text-disabled: #a3a3a3;
|
|
838
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-background-default: transparent;
|
|
839
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-background-hover: #f2f2f2;
|
|
840
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-background-active: #e0e0e0;
|
|
841
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-background-disabled: transparent;
|
|
842
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-text-default: #ffffff;
|
|
843
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-text-hover: #ffffff;
|
|
844
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-text-active: #ffffff;
|
|
845
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-text-disabled: #a3a3a3;
|
|
846
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-background-default: transparent;
|
|
847
|
+
--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));
|
|
848
|
+
--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));
|
|
849
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-background-disabled: #333333;
|
|
850
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
851
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
852
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
853
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-text-disabled: #858585;
|
|
814
854
|
--redsift-color-dark-components-ai-ai-border: #e11010;
|
|
815
855
|
--redsift-color-dark-components-ai-ai-icon: #e11010;
|
|
816
856
|
--redsift-color-dark-components-spinner-spinner: #142849;
|
|
@@ -1187,6 +1227,14 @@
|
|
|
1187
1227
|
--redsift-color-light-components-buttons-primary-button-grey-text-hover: #ffffff;
|
|
1188
1228
|
--redsift-color-light-components-buttons-primary-button-grey-text-active: #ffffff;
|
|
1189
1229
|
--redsift-color-light-components-buttons-primary-button-grey-text-disabled: #858585;
|
|
1230
|
+
--redsift-color-light-components-buttons-primary-button-radar-background-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
1231
|
+
--redsift-color-light-components-buttons-primary-button-radar-background-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
1232
|
+
--redsift-color-light-components-buttons-primary-button-radar-background-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
1233
|
+
--redsift-color-light-components-buttons-primary-button-radar-background-disabled: #e0e0e0;
|
|
1234
|
+
--redsift-color-light-components-buttons-primary-button-radar-text-default: #ffffff;
|
|
1235
|
+
--redsift-color-light-components-buttons-primary-button-radar-text-hover: #ffffff;
|
|
1236
|
+
--redsift-color-light-components-buttons-primary-button-radar-text-active: #ffffff;
|
|
1237
|
+
--redsift-color-light-components-buttons-primary-button-radar-text-disabled: #858585;
|
|
1190
1238
|
--redsift-color-light-components-buttons-secondary-button-primary-background-default: transparent;
|
|
1191
1239
|
--redsift-color-light-components-buttons-secondary-button-primary-background-hover: #d9e7fd;
|
|
1192
1240
|
--redsift-color-light-components-buttons-secondary-button-primary-background-active: #b3cefb;
|
|
@@ -1243,6 +1291,14 @@
|
|
|
1243
1291
|
--redsift-color-light-components-buttons-secondary-button-grey-text-hover: #525252;
|
|
1244
1292
|
--redsift-color-light-components-buttons-secondary-button-grey-text-active: #525252;
|
|
1245
1293
|
--redsift-color-light-components-buttons-secondary-button-grey-text-disabled: #a3a3a3;
|
|
1294
|
+
--redsift-color-light-components-buttons-secondary-button-radar-background-default: transparent;
|
|
1295
|
+
--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));
|
|
1296
|
+
--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));
|
|
1297
|
+
--redsift-color-light-components-buttons-secondary-button-radar-background-disabled: #ffffff;
|
|
1298
|
+
--redsift-color-light-components-buttons-secondary-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
1299
|
+
--redsift-color-light-components-buttons-secondary-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
1300
|
+
--redsift-color-light-components-buttons-secondary-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
1301
|
+
--redsift-color-light-components-buttons-secondary-button-radar-text-disabled: #a3a3a3;
|
|
1246
1302
|
--redsift-color-light-components-buttons-unstyled-button-primary-background-default: transparent;
|
|
1247
1303
|
--redsift-color-light-components-buttons-unstyled-button-primary-background-hover: #d9e7fd;
|
|
1248
1304
|
--redsift-color-light-components-buttons-unstyled-button-primary-background-active: #b3cefb;
|
|
@@ -1315,6 +1371,14 @@
|
|
|
1315
1371
|
--redsift-color-light-components-buttons-unstyled-button-white-text-hover: #ffffff;
|
|
1316
1372
|
--redsift-color-light-components-buttons-unstyled-button-white-text-active: #ffffff;
|
|
1317
1373
|
--redsift-color-light-components-buttons-unstyled-button-white-text-disabled: #a3a3a3;
|
|
1374
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-background-default: transparent;
|
|
1375
|
+
--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));
|
|
1376
|
+
--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));
|
|
1377
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-background-disabled: #ffffff;
|
|
1378
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
1379
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
1380
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
1381
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-text-disabled: #a3a3a3;
|
|
1318
1382
|
--redsift-color-light-components-ai-ai-border: #e11010;
|
|
1319
1383
|
--redsift-color-light-components-ai-ai-icon: #e11010;
|
|
1320
1384
|
--redsift-color-light-components-spinner-spinner: #4285f4;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 10 Jul 2024 09:05:25 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;
|
|
@@ -159,6 +167,14 @@
|
|
|
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-radar-background-default: transparent;
|
|
171
|
+
--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));
|
|
172
|
+
--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));
|
|
173
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-background-disabled: #333333;
|
|
174
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
175
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
176
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
177
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-text-disabled: #858585;
|
|
162
178
|
--redsift-color-dark-components-buttons-unstyled-button-primary-background-default: transparent;
|
|
163
179
|
--redsift-color-dark-components-buttons-unstyled-button-primary-background-hover: #142849;
|
|
164
180
|
--redsift-color-dark-components-buttons-unstyled-button-primary-background-active: #0d1b31;
|
|
@@ -215,6 +231,30 @@
|
|
|
215
231
|
--redsift-color-dark-components-buttons-unstyled-button-grey-text-hover: #858585;
|
|
216
232
|
--redsift-color-dark-components-buttons-unstyled-button-grey-text-active: #a3a3a3;
|
|
217
233
|
--redsift-color-dark-components-buttons-unstyled-button-grey-text-disabled: #858585;
|
|
234
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-background-default: transparent;
|
|
235
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-background-hover: #f2f2f2;
|
|
236
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-background-active: #e0e0e0;
|
|
237
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-background-disabled: transparent;
|
|
238
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-text-default: #333333;
|
|
239
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-text-hover: #333333;
|
|
240
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-text-active: #333333;
|
|
241
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-text-disabled: #a3a3a3;
|
|
242
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-background-default: transparent;
|
|
243
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-background-hover: #f2f2f2;
|
|
244
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-background-active: #e0e0e0;
|
|
245
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-background-disabled: transparent;
|
|
246
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-text-default: #ffffff;
|
|
247
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-text-hover: #ffffff;
|
|
248
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-text-active: #ffffff;
|
|
249
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-text-disabled: #a3a3a3;
|
|
250
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-background-default: transparent;
|
|
251
|
+
--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));
|
|
252
|
+
--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));
|
|
253
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-background-disabled: #333333;
|
|
254
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
255
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
256
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
257
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-text-disabled: #858585;
|
|
218
258
|
--redsift-color-dark-components-ai-ai-border: #e11010;
|
|
219
259
|
--redsift-color-dark-components-ai-ai-icon: #e11010;
|
|
220
260
|
--redsift-color-dark-components-spinner-spinner: #142849;
|
|
@@ -591,6 +631,14 @@
|
|
|
591
631
|
--redsift-color-light-components-buttons-primary-button-grey-text-hover: #ffffff;
|
|
592
632
|
--redsift-color-light-components-buttons-primary-button-grey-text-active: #ffffff;
|
|
593
633
|
--redsift-color-light-components-buttons-primary-button-grey-text-disabled: #858585;
|
|
634
|
+
--redsift-color-light-components-buttons-primary-button-radar-background-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
635
|
+
--redsift-color-light-components-buttons-primary-button-radar-background-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
636
|
+
--redsift-color-light-components-buttons-primary-button-radar-background-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
637
|
+
--redsift-color-light-components-buttons-primary-button-radar-background-disabled: #e0e0e0;
|
|
638
|
+
--redsift-color-light-components-buttons-primary-button-radar-text-default: #ffffff;
|
|
639
|
+
--redsift-color-light-components-buttons-primary-button-radar-text-hover: #ffffff;
|
|
640
|
+
--redsift-color-light-components-buttons-primary-button-radar-text-active: #ffffff;
|
|
641
|
+
--redsift-color-light-components-buttons-primary-button-radar-text-disabled: #858585;
|
|
594
642
|
--redsift-color-light-components-buttons-secondary-button-primary-background-default: transparent;
|
|
595
643
|
--redsift-color-light-components-buttons-secondary-button-primary-background-hover: #d9e7fd;
|
|
596
644
|
--redsift-color-light-components-buttons-secondary-button-primary-background-active: #b3cefb;
|
|
@@ -647,6 +695,14 @@
|
|
|
647
695
|
--redsift-color-light-components-buttons-secondary-button-grey-text-hover: #525252;
|
|
648
696
|
--redsift-color-light-components-buttons-secondary-button-grey-text-active: #525252;
|
|
649
697
|
--redsift-color-light-components-buttons-secondary-button-grey-text-disabled: #a3a3a3;
|
|
698
|
+
--redsift-color-light-components-buttons-secondary-button-radar-background-default: transparent;
|
|
699
|
+
--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));
|
|
700
|
+
--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));
|
|
701
|
+
--redsift-color-light-components-buttons-secondary-button-radar-background-disabled: #ffffff;
|
|
702
|
+
--redsift-color-light-components-buttons-secondary-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
703
|
+
--redsift-color-light-components-buttons-secondary-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
704
|
+
--redsift-color-light-components-buttons-secondary-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
705
|
+
--redsift-color-light-components-buttons-secondary-button-radar-text-disabled: #a3a3a3;
|
|
650
706
|
--redsift-color-light-components-buttons-unstyled-button-primary-background-default: transparent;
|
|
651
707
|
--redsift-color-light-components-buttons-unstyled-button-primary-background-hover: #d9e7fd;
|
|
652
708
|
--redsift-color-light-components-buttons-unstyled-button-primary-background-active: #b3cefb;
|
|
@@ -719,6 +775,14 @@
|
|
|
719
775
|
--redsift-color-light-components-buttons-unstyled-button-white-text-hover: #ffffff;
|
|
720
776
|
--redsift-color-light-components-buttons-unstyled-button-white-text-active: #ffffff;
|
|
721
777
|
--redsift-color-light-components-buttons-unstyled-button-white-text-disabled: #a3a3a3;
|
|
778
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-background-default: transparent;
|
|
779
|
+
--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));
|
|
780
|
+
--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));
|
|
781
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-background-disabled: #ffffff;
|
|
782
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
783
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
784
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
785
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-text-disabled: #a3a3a3;
|
|
722
786
|
--redsift-color-light-components-ai-ai-border: #e11010;
|
|
723
787
|
--redsift-color-light-components-ai-ai-icon: #e11010;
|
|
724
788
|
--redsift-color-light-components-spinner-spinner: #4285f4;
|
package/style/redsift.css
CHANGED
|
@@ -596,7 +596,7 @@
|
|
|
596
596
|
}
|
|
597
597
|
/**
|
|
598
598
|
* Do not edit directly
|
|
599
|
-
* Generated on
|
|
599
|
+
* Generated on Wed, 10 Jul 2024 09:05:25 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;
|
|
@@ -755,6 +763,14 @@
|
|
|
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-radar-background-default: transparent;
|
|
767
|
+
--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));
|
|
768
|
+
--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));
|
|
769
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-background-disabled: #333333;
|
|
770
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
771
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
772
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
773
|
+
--redsift-color-dark-components-buttons-secondary-button-radar-text-disabled: #858585;
|
|
758
774
|
--redsift-color-dark-components-buttons-unstyled-button-primary-background-default: transparent;
|
|
759
775
|
--redsift-color-dark-components-buttons-unstyled-button-primary-background-hover: #142849;
|
|
760
776
|
--redsift-color-dark-components-buttons-unstyled-button-primary-background-active: #0d1b31;
|
|
@@ -811,6 +827,30 @@
|
|
|
811
827
|
--redsift-color-dark-components-buttons-unstyled-button-grey-text-hover: #858585;
|
|
812
828
|
--redsift-color-dark-components-buttons-unstyled-button-grey-text-active: #a3a3a3;
|
|
813
829
|
--redsift-color-dark-components-buttons-unstyled-button-grey-text-disabled: #858585;
|
|
830
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-background-default: transparent;
|
|
831
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-background-hover: #f2f2f2;
|
|
832
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-background-active: #e0e0e0;
|
|
833
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-background-disabled: transparent;
|
|
834
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-text-default: #333333;
|
|
835
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-text-hover: #333333;
|
|
836
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-text-active: #333333;
|
|
837
|
+
--redsift-color-dark-components-buttons-unstyled-button-black-text-disabled: #a3a3a3;
|
|
838
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-background-default: transparent;
|
|
839
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-background-hover: #f2f2f2;
|
|
840
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-background-active: #e0e0e0;
|
|
841
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-background-disabled: transparent;
|
|
842
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-text-default: #ffffff;
|
|
843
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-text-hover: #ffffff;
|
|
844
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-text-active: #ffffff;
|
|
845
|
+
--redsift-color-dark-components-buttons-unstyled-button-white-text-disabled: #a3a3a3;
|
|
846
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-background-default: transparent;
|
|
847
|
+
--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));
|
|
848
|
+
--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));
|
|
849
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-background-disabled: #333333;
|
|
850
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
851
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
852
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
853
|
+
--redsift-color-dark-components-buttons-unstyled-button-radar-text-disabled: #858585;
|
|
814
854
|
--redsift-color-dark-components-ai-ai-border: #e11010;
|
|
815
855
|
--redsift-color-dark-components-ai-ai-icon: #e11010;
|
|
816
856
|
--redsift-color-dark-components-spinner-spinner: #142849;
|
|
@@ -1187,6 +1227,14 @@
|
|
|
1187
1227
|
--redsift-color-light-components-buttons-primary-button-grey-text-hover: #ffffff;
|
|
1188
1228
|
--redsift-color-light-components-buttons-primary-button-grey-text-active: #ffffff;
|
|
1189
1229
|
--redsift-color-light-components-buttons-primary-button-grey-text-disabled: #858585;
|
|
1230
|
+
--redsift-color-light-components-buttons-primary-button-radar-background-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
1231
|
+
--redsift-color-light-components-buttons-primary-button-radar-background-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
1232
|
+
--redsift-color-light-components-buttons-primary-button-radar-background-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
1233
|
+
--redsift-color-light-components-buttons-primary-button-radar-background-disabled: #e0e0e0;
|
|
1234
|
+
--redsift-color-light-components-buttons-primary-button-radar-text-default: #ffffff;
|
|
1235
|
+
--redsift-color-light-components-buttons-primary-button-radar-text-hover: #ffffff;
|
|
1236
|
+
--redsift-color-light-components-buttons-primary-button-radar-text-active: #ffffff;
|
|
1237
|
+
--redsift-color-light-components-buttons-primary-button-radar-text-disabled: #858585;
|
|
1190
1238
|
--redsift-color-light-components-buttons-secondary-button-primary-background-default: transparent;
|
|
1191
1239
|
--redsift-color-light-components-buttons-secondary-button-primary-background-hover: #d9e7fd;
|
|
1192
1240
|
--redsift-color-light-components-buttons-secondary-button-primary-background-active: #b3cefb;
|
|
@@ -1243,6 +1291,14 @@
|
|
|
1243
1291
|
--redsift-color-light-components-buttons-secondary-button-grey-text-hover: #525252;
|
|
1244
1292
|
--redsift-color-light-components-buttons-secondary-button-grey-text-active: #525252;
|
|
1245
1293
|
--redsift-color-light-components-buttons-secondary-button-grey-text-disabled: #a3a3a3;
|
|
1294
|
+
--redsift-color-light-components-buttons-secondary-button-radar-background-default: transparent;
|
|
1295
|
+
--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));
|
|
1296
|
+
--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));
|
|
1297
|
+
--redsift-color-light-components-buttons-secondary-button-radar-background-disabled: #ffffff;
|
|
1298
|
+
--redsift-color-light-components-buttons-secondary-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
1299
|
+
--redsift-color-light-components-buttons-secondary-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
1300
|
+
--redsift-color-light-components-buttons-secondary-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
1301
|
+
--redsift-color-light-components-buttons-secondary-button-radar-text-disabled: #a3a3a3;
|
|
1246
1302
|
--redsift-color-light-components-buttons-unstyled-button-primary-background-default: transparent;
|
|
1247
1303
|
--redsift-color-light-components-buttons-unstyled-button-primary-background-hover: #d9e7fd;
|
|
1248
1304
|
--redsift-color-light-components-buttons-unstyled-button-primary-background-active: #b3cefb;
|
|
@@ -1315,6 +1371,14 @@
|
|
|
1315
1371
|
--redsift-color-light-components-buttons-unstyled-button-white-text-hover: #ffffff;
|
|
1316
1372
|
--redsift-color-light-components-buttons-unstyled-button-white-text-active: #ffffff;
|
|
1317
1373
|
--redsift-color-light-components-buttons-unstyled-button-white-text-disabled: #a3a3a3;
|
|
1374
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-background-default: transparent;
|
|
1375
|
+
--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));
|
|
1376
|
+
--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));
|
|
1377
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-background-disabled: #ffffff;
|
|
1378
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-text-default: linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1));
|
|
1379
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-text-hover: linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1));
|
|
1380
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-text-active: linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1));
|
|
1381
|
+
--redsift-color-light-components-buttons-unstyled-button-radar-text-disabled: #a3a3a3;
|
|
1318
1382
|
--redsift-color-light-components-ai-ai-border: #e11010;
|
|
1319
1383
|
--redsift-color-light-components-ai-ai-icon: #e11010;
|
|
1320
1384
|
--redsift-color-light-components-spinner-spinner: #4285f4;
|