@redsift/design-system 10.3.0-alpha.5 → 10.3.0-alpha.7

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 (8) hide show
  1. package/CONTRIBUTING.md +0 -4
  2. package/index.d.ts +100 -26
  3. package/index.js +594 -609
  4. package/index.js.map +1 -1
  5. package/package.json +2 -2
  6. package/style/index.css +49 -16
  7. package/style/redsift-design-tokens.css +49 -16
  8. package/style/redsift.css +49 -16
package/package.json CHANGED
@@ -33,7 +33,7 @@
33
33
  "version": "version-changelog ../../CHANGELOG.md && changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
34
34
  },
35
35
  "types": "index.d.ts",
36
- "version": "10.3.0-alpha.5",
36
+ "version": "10.3.0-alpha.7",
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": "16eaafec8cb43a611257f22e5cf321b670198178"
103
+ "gitHead": "404297eed811ee10c237e322901c7ba705e6d0a5"
104
104
  }
package/style/index.css CHANGED
@@ -596,7 +596,7 @@
596
596
  }
597
597
  /**
598
598
  * Do not edit directly
599
- * Generated on Wed, 10 Jul 2024 09:05:25 GMT
599
+ * Generated on Tue, 16 Jul 2024 19:17:14 GMT
600
600
  */
601
601
 
602
602
  :root {
@@ -756,13 +756,29 @@
756
756
  --redsift-color-dark-components-buttons-secondary-button-info-text-active: #8eb6f8;
757
757
  --redsift-color-dark-components-buttons-secondary-button-info-text-disabled: #858585;
758
758
  --redsift-color-dark-components-buttons-secondary-button-grey-background-default: transparent;
759
- --redsift-color-dark-components-buttons-secondary-button-grey-background-hover: #474747;
759
+ --redsift-color-dark-components-buttons-secondary-button-grey-background-hover: #525252;
760
760
  --redsift-color-dark-components-buttons-secondary-button-grey-background-active: #333333;
761
761
  --redsift-color-dark-components-buttons-secondary-button-grey-background-disabled: #333333;
762
762
  --redsift-color-dark-components-buttons-secondary-button-grey-text-default: #666666;
763
763
  --redsift-color-dark-components-buttons-secondary-button-grey-text-hover: #858585;
764
764
  --redsift-color-dark-components-buttons-secondary-button-grey-text-active: #a3a3a3;
765
765
  --redsift-color-dark-components-buttons-secondary-button-grey-text-disabled: #858585;
766
+ --redsift-color-dark-components-buttons-secondary-button-black-background-default: transparent;
767
+ --redsift-color-dark-components-buttons-secondary-button-black-background-hover: #525252;
768
+ --redsift-color-dark-components-buttons-secondary-button-black-background-active: #333333;
769
+ --redsift-color-dark-components-buttons-secondary-button-black-background-disabled: transparent;
770
+ --redsift-color-dark-components-buttons-secondary-button-black-text-default: #333333;
771
+ --redsift-color-dark-components-buttons-secondary-button-black-text-hover: #333333;
772
+ --redsift-color-dark-components-buttons-secondary-button-black-text-active: #333333;
773
+ --redsift-color-dark-components-buttons-secondary-button-black-text-disabled: #a3a3a3;
774
+ --redsift-color-dark-components-buttons-secondary-button-white-background-default: transparent;
775
+ --redsift-color-dark-components-buttons-secondary-button-white-background-hover: #525252;
776
+ --redsift-color-dark-components-buttons-secondary-button-white-background-active: #333333;
777
+ --redsift-color-dark-components-buttons-secondary-button-white-background-disabled: transparent;
778
+ --redsift-color-dark-components-buttons-secondary-button-white-text-default: #ffffff;
779
+ --redsift-color-dark-components-buttons-secondary-button-white-text-hover: #ffffff;
780
+ --redsift-color-dark-components-buttons-secondary-button-white-text-active: #ffffff;
781
+ --redsift-color-dark-components-buttons-secondary-button-white-text-disabled: #a3a3a3;
766
782
  --redsift-color-dark-components-buttons-secondary-button-radar-background-default: transparent;
767
783
  --redsift-color-dark-components-buttons-secondary-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
768
784
  --redsift-color-dark-components-buttons-secondary-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
@@ -820,7 +836,7 @@
820
836
  --redsift-color-dark-components-buttons-unstyled-button-info-text-active: #8eb6f8;
821
837
  --redsift-color-dark-components-buttons-unstyled-button-info-text-disabled: #858585;
822
838
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-default: transparent;
823
- --redsift-color-dark-components-buttons-unstyled-button-grey-background-hover: #474747;
839
+ --redsift-color-dark-components-buttons-unstyled-button-grey-background-hover: #525252;
824
840
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-active: #333333;
825
841
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-disabled: #333333;
826
842
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-default: #666666;
@@ -828,16 +844,16 @@
828
844
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-active: #a3a3a3;
829
845
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-disabled: #858585;
830
846
  --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;
847
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-hover: #525252;
848
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-active: #333333;
833
849
  --redsift-color-dark-components-buttons-unstyled-button-black-background-disabled: transparent;
834
850
  --redsift-color-dark-components-buttons-unstyled-button-black-text-default: #333333;
835
851
  --redsift-color-dark-components-buttons-unstyled-button-black-text-hover: #333333;
836
852
  --redsift-color-dark-components-buttons-unstyled-button-black-text-active: #333333;
837
853
  --redsift-color-dark-components-buttons-unstyled-button-black-text-disabled: #a3a3a3;
838
854
  --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;
855
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-hover: #525252;
856
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-active: #333333;
841
857
  --redsift-color-dark-components-buttons-unstyled-button-white-background-disabled: transparent;
842
858
  --redsift-color-dark-components-buttons-unstyled-button-white-text-default: #ffffff;
843
859
  --redsift-color-dark-components-buttons-unstyled-button-white-text-hover: #ffffff;
@@ -1284,13 +1300,29 @@
1284
1300
  --redsift-color-light-components-buttons-secondary-button-info-text-active: #2e5dab;
1285
1301
  --redsift-color-light-components-buttons-secondary-button-info-text-disabled: #a3a3a3;
1286
1302
  --redsift-color-light-components-buttons-secondary-button-grey-background-default: transparent;
1287
- --redsift-color-light-components-buttons-secondary-button-grey-background-hover: #f2f2f2;
1288
- --redsift-color-light-components-buttons-secondary-button-grey-background-active: #e0e0e0;
1289
- --redsift-color-light-components-buttons-secondary-button-grey-background-disabled: #ffffff;
1303
+ --redsift-color-light-components-buttons-secondary-button-grey-background-hover: #e0e0e0;
1304
+ --redsift-color-light-components-buttons-secondary-button-grey-background-active: #a3a3a3;
1305
+ --redsift-color-light-components-buttons-secondary-button-grey-background-disabled: transparent;
1290
1306
  --redsift-color-light-components-buttons-secondary-button-grey-text-default: #666666;
1291
1307
  --redsift-color-light-components-buttons-secondary-button-grey-text-hover: #525252;
1292
1308
  --redsift-color-light-components-buttons-secondary-button-grey-text-active: #525252;
1293
1309
  --redsift-color-light-components-buttons-secondary-button-grey-text-disabled: #a3a3a3;
1310
+ --redsift-color-light-components-buttons-secondary-button-black-background-default: transparent;
1311
+ --redsift-color-light-components-buttons-secondary-button-black-background-hover: #e0e0e0;
1312
+ --redsift-color-light-components-buttons-secondary-button-black-background-active: #a3a3a3;
1313
+ --redsift-color-light-components-buttons-secondary-button-black-background-disabled: transparent;
1314
+ --redsift-color-light-components-buttons-secondary-button-black-text-default: #333333;
1315
+ --redsift-color-light-components-buttons-secondary-button-black-text-hover: #333333;
1316
+ --redsift-color-light-components-buttons-secondary-button-black-text-active: #333333;
1317
+ --redsift-color-light-components-buttons-secondary-button-black-text-disabled: #a3a3a3;
1318
+ --redsift-color-light-components-buttons-secondary-button-white-background-default: transparent;
1319
+ --redsift-color-light-components-buttons-secondary-button-white-background-hover: #e0e0e0;
1320
+ --redsift-color-light-components-buttons-secondary-button-white-background-active: #a3a3a3;
1321
+ --redsift-color-light-components-buttons-secondary-button-white-background-disabled: transparent;
1322
+ --redsift-color-light-components-buttons-secondary-button-white-text-default: #ffffff;
1323
+ --redsift-color-light-components-buttons-secondary-button-white-text-hover: #ffffff;
1324
+ --redsift-color-light-components-buttons-secondary-button-white-text-active: #ffffff;
1325
+ --redsift-color-light-components-buttons-secondary-button-white-text-disabled: #a3a3a3;
1294
1326
  --redsift-color-light-components-buttons-secondary-button-radar-background-default: transparent;
1295
1327
  --redsift-color-light-components-buttons-secondary-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
1296
1328
  --redsift-color-light-components-buttons-secondary-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
@@ -1348,24 +1380,24 @@
1348
1380
  --redsift-color-light-components-buttons-unstyled-button-info-text-active: #2e5dab;
1349
1381
  --redsift-color-light-components-buttons-unstyled-button-info-text-disabled: #a3a3a3;
1350
1382
  --redsift-color-light-components-buttons-unstyled-button-grey-background-default: transparent;
1351
- --redsift-color-light-components-buttons-unstyled-button-grey-background-hover: #f2f2f2;
1352
- --redsift-color-light-components-buttons-unstyled-button-grey-background-active: #e0e0e0;
1383
+ --redsift-color-light-components-buttons-unstyled-button-grey-background-hover: #e0e0e0;
1384
+ --redsift-color-light-components-buttons-unstyled-button-grey-background-active: #a3a3a3;
1353
1385
  --redsift-color-light-components-buttons-unstyled-button-grey-background-disabled: transparent;
1354
1386
  --redsift-color-light-components-buttons-unstyled-button-grey-text-default: #666666;
1355
1387
  --redsift-color-light-components-buttons-unstyled-button-grey-text-hover: #525252;
1356
1388
  --redsift-color-light-components-buttons-unstyled-button-grey-text-active: #525252;
1357
1389
  --redsift-color-light-components-buttons-unstyled-button-grey-text-disabled: #a3a3a3;
1358
1390
  --redsift-color-light-components-buttons-unstyled-button-black-background-default: transparent;
1359
- --redsift-color-light-components-buttons-unstyled-button-black-background-hover: #f2f2f2;
1360
- --redsift-color-light-components-buttons-unstyled-button-black-background-active: #e0e0e0;
1391
+ --redsift-color-light-components-buttons-unstyled-button-black-background-hover: #e0e0e0;
1392
+ --redsift-color-light-components-buttons-unstyled-button-black-background-active: #a3a3a3;
1361
1393
  --redsift-color-light-components-buttons-unstyled-button-black-background-disabled: transparent;
1362
1394
  --redsift-color-light-components-buttons-unstyled-button-black-text-default: #333333;
1363
1395
  --redsift-color-light-components-buttons-unstyled-button-black-text-hover: #333333;
1364
1396
  --redsift-color-light-components-buttons-unstyled-button-black-text-active: #333333;
1365
1397
  --redsift-color-light-components-buttons-unstyled-button-black-text-disabled: #a3a3a3;
1366
1398
  --redsift-color-light-components-buttons-unstyled-button-white-background-default: transparent;
1367
- --redsift-color-light-components-buttons-unstyled-button-white-background-hover: #f2f2f2;
1368
- --redsift-color-light-components-buttons-unstyled-button-white-background-active: #e0e0e0;
1399
+ --redsift-color-light-components-buttons-unstyled-button-white-background-hover: #e0e0e0;
1400
+ --redsift-color-light-components-buttons-unstyled-button-white-background-active: #a3a3a3;
1369
1401
  --redsift-color-light-components-buttons-unstyled-button-white-background-disabled: transparent;
1370
1402
  --redsift-color-light-components-buttons-unstyled-button-white-text-default: #ffffff;
1371
1403
  --redsift-color-light-components-buttons-unstyled-button-white-text-hover: #ffffff;
@@ -1733,6 +1765,7 @@
1733
1765
  --redsift-color-neutral-white: #ffffff;
1734
1766
  --redsift-color-neutral-x-light-grey: #f2f2f2;
1735
1767
  --redsift-color-neutral-light-grey: #e0e0e0;
1768
+ --redsift-color-neutral-disabled: #a3a3a3;
1736
1769
  --redsift-color-neutral-mid-grey: #666666;
1737
1770
  --redsift-color-neutral-dark-grey: #474747;
1738
1771
  --redsift-color-neutral-x-dark-grey: #333333;
package/style/redsift-design-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jul 2024 09:05:25 GMT
3
+ * Generated on Tue, 16 Jul 2024 19:17:14 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -160,13 +160,29 @@
160
160
  --redsift-color-dark-components-buttons-secondary-button-info-text-active: #8eb6f8;
161
161
  --redsift-color-dark-components-buttons-secondary-button-info-text-disabled: #858585;
162
162
  --redsift-color-dark-components-buttons-secondary-button-grey-background-default: transparent;
163
- --redsift-color-dark-components-buttons-secondary-button-grey-background-hover: #474747;
163
+ --redsift-color-dark-components-buttons-secondary-button-grey-background-hover: #525252;
164
164
  --redsift-color-dark-components-buttons-secondary-button-grey-background-active: #333333;
165
165
  --redsift-color-dark-components-buttons-secondary-button-grey-background-disabled: #333333;
166
166
  --redsift-color-dark-components-buttons-secondary-button-grey-text-default: #666666;
167
167
  --redsift-color-dark-components-buttons-secondary-button-grey-text-hover: #858585;
168
168
  --redsift-color-dark-components-buttons-secondary-button-grey-text-active: #a3a3a3;
169
169
  --redsift-color-dark-components-buttons-secondary-button-grey-text-disabled: #858585;
170
+ --redsift-color-dark-components-buttons-secondary-button-black-background-default: transparent;
171
+ --redsift-color-dark-components-buttons-secondary-button-black-background-hover: #525252;
172
+ --redsift-color-dark-components-buttons-secondary-button-black-background-active: #333333;
173
+ --redsift-color-dark-components-buttons-secondary-button-black-background-disabled: transparent;
174
+ --redsift-color-dark-components-buttons-secondary-button-black-text-default: #333333;
175
+ --redsift-color-dark-components-buttons-secondary-button-black-text-hover: #333333;
176
+ --redsift-color-dark-components-buttons-secondary-button-black-text-active: #333333;
177
+ --redsift-color-dark-components-buttons-secondary-button-black-text-disabled: #a3a3a3;
178
+ --redsift-color-dark-components-buttons-secondary-button-white-background-default: transparent;
179
+ --redsift-color-dark-components-buttons-secondary-button-white-background-hover: #525252;
180
+ --redsift-color-dark-components-buttons-secondary-button-white-background-active: #333333;
181
+ --redsift-color-dark-components-buttons-secondary-button-white-background-disabled: transparent;
182
+ --redsift-color-dark-components-buttons-secondary-button-white-text-default: #ffffff;
183
+ --redsift-color-dark-components-buttons-secondary-button-white-text-hover: #ffffff;
184
+ --redsift-color-dark-components-buttons-secondary-button-white-text-active: #ffffff;
185
+ --redsift-color-dark-components-buttons-secondary-button-white-text-disabled: #a3a3a3;
170
186
  --redsift-color-dark-components-buttons-secondary-button-radar-background-default: transparent;
171
187
  --redsift-color-dark-components-buttons-secondary-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
172
188
  --redsift-color-dark-components-buttons-secondary-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
@@ -224,7 +240,7 @@
224
240
  --redsift-color-dark-components-buttons-unstyled-button-info-text-active: #8eb6f8;
225
241
  --redsift-color-dark-components-buttons-unstyled-button-info-text-disabled: #858585;
226
242
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-default: transparent;
227
- --redsift-color-dark-components-buttons-unstyled-button-grey-background-hover: #474747;
243
+ --redsift-color-dark-components-buttons-unstyled-button-grey-background-hover: #525252;
228
244
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-active: #333333;
229
245
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-disabled: #333333;
230
246
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-default: #666666;
@@ -232,16 +248,16 @@
232
248
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-active: #a3a3a3;
233
249
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-disabled: #858585;
234
250
  --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;
251
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-hover: #525252;
252
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-active: #333333;
237
253
  --redsift-color-dark-components-buttons-unstyled-button-black-background-disabled: transparent;
238
254
  --redsift-color-dark-components-buttons-unstyled-button-black-text-default: #333333;
239
255
  --redsift-color-dark-components-buttons-unstyled-button-black-text-hover: #333333;
240
256
  --redsift-color-dark-components-buttons-unstyled-button-black-text-active: #333333;
241
257
  --redsift-color-dark-components-buttons-unstyled-button-black-text-disabled: #a3a3a3;
242
258
  --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;
259
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-hover: #525252;
260
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-active: #333333;
245
261
  --redsift-color-dark-components-buttons-unstyled-button-white-background-disabled: transparent;
246
262
  --redsift-color-dark-components-buttons-unstyled-button-white-text-default: #ffffff;
247
263
  --redsift-color-dark-components-buttons-unstyled-button-white-text-hover: #ffffff;
@@ -688,13 +704,29 @@
688
704
  --redsift-color-light-components-buttons-secondary-button-info-text-active: #2e5dab;
689
705
  --redsift-color-light-components-buttons-secondary-button-info-text-disabled: #a3a3a3;
690
706
  --redsift-color-light-components-buttons-secondary-button-grey-background-default: transparent;
691
- --redsift-color-light-components-buttons-secondary-button-grey-background-hover: #f2f2f2;
692
- --redsift-color-light-components-buttons-secondary-button-grey-background-active: #e0e0e0;
693
- --redsift-color-light-components-buttons-secondary-button-grey-background-disabled: #ffffff;
707
+ --redsift-color-light-components-buttons-secondary-button-grey-background-hover: #e0e0e0;
708
+ --redsift-color-light-components-buttons-secondary-button-grey-background-active: #a3a3a3;
709
+ --redsift-color-light-components-buttons-secondary-button-grey-background-disabled: transparent;
694
710
  --redsift-color-light-components-buttons-secondary-button-grey-text-default: #666666;
695
711
  --redsift-color-light-components-buttons-secondary-button-grey-text-hover: #525252;
696
712
  --redsift-color-light-components-buttons-secondary-button-grey-text-active: #525252;
697
713
  --redsift-color-light-components-buttons-secondary-button-grey-text-disabled: #a3a3a3;
714
+ --redsift-color-light-components-buttons-secondary-button-black-background-default: transparent;
715
+ --redsift-color-light-components-buttons-secondary-button-black-background-hover: #e0e0e0;
716
+ --redsift-color-light-components-buttons-secondary-button-black-background-active: #a3a3a3;
717
+ --redsift-color-light-components-buttons-secondary-button-black-background-disabled: transparent;
718
+ --redsift-color-light-components-buttons-secondary-button-black-text-default: #333333;
719
+ --redsift-color-light-components-buttons-secondary-button-black-text-hover: #333333;
720
+ --redsift-color-light-components-buttons-secondary-button-black-text-active: #333333;
721
+ --redsift-color-light-components-buttons-secondary-button-black-text-disabled: #a3a3a3;
722
+ --redsift-color-light-components-buttons-secondary-button-white-background-default: transparent;
723
+ --redsift-color-light-components-buttons-secondary-button-white-background-hover: #e0e0e0;
724
+ --redsift-color-light-components-buttons-secondary-button-white-background-active: #a3a3a3;
725
+ --redsift-color-light-components-buttons-secondary-button-white-background-disabled: transparent;
726
+ --redsift-color-light-components-buttons-secondary-button-white-text-default: #ffffff;
727
+ --redsift-color-light-components-buttons-secondary-button-white-text-hover: #ffffff;
728
+ --redsift-color-light-components-buttons-secondary-button-white-text-active: #ffffff;
729
+ --redsift-color-light-components-buttons-secondary-button-white-text-disabled: #a3a3a3;
698
730
  --redsift-color-light-components-buttons-secondary-button-radar-background-default: transparent;
699
731
  --redsift-color-light-components-buttons-secondary-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
700
732
  --redsift-color-light-components-buttons-secondary-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
@@ -752,24 +784,24 @@
752
784
  --redsift-color-light-components-buttons-unstyled-button-info-text-active: #2e5dab;
753
785
  --redsift-color-light-components-buttons-unstyled-button-info-text-disabled: #a3a3a3;
754
786
  --redsift-color-light-components-buttons-unstyled-button-grey-background-default: transparent;
755
- --redsift-color-light-components-buttons-unstyled-button-grey-background-hover: #f2f2f2;
756
- --redsift-color-light-components-buttons-unstyled-button-grey-background-active: #e0e0e0;
787
+ --redsift-color-light-components-buttons-unstyled-button-grey-background-hover: #e0e0e0;
788
+ --redsift-color-light-components-buttons-unstyled-button-grey-background-active: #a3a3a3;
757
789
  --redsift-color-light-components-buttons-unstyled-button-grey-background-disabled: transparent;
758
790
  --redsift-color-light-components-buttons-unstyled-button-grey-text-default: #666666;
759
791
  --redsift-color-light-components-buttons-unstyled-button-grey-text-hover: #525252;
760
792
  --redsift-color-light-components-buttons-unstyled-button-grey-text-active: #525252;
761
793
  --redsift-color-light-components-buttons-unstyled-button-grey-text-disabled: #a3a3a3;
762
794
  --redsift-color-light-components-buttons-unstyled-button-black-background-default: transparent;
763
- --redsift-color-light-components-buttons-unstyled-button-black-background-hover: #f2f2f2;
764
- --redsift-color-light-components-buttons-unstyled-button-black-background-active: #e0e0e0;
795
+ --redsift-color-light-components-buttons-unstyled-button-black-background-hover: #e0e0e0;
796
+ --redsift-color-light-components-buttons-unstyled-button-black-background-active: #a3a3a3;
765
797
  --redsift-color-light-components-buttons-unstyled-button-black-background-disabled: transparent;
766
798
  --redsift-color-light-components-buttons-unstyled-button-black-text-default: #333333;
767
799
  --redsift-color-light-components-buttons-unstyled-button-black-text-hover: #333333;
768
800
  --redsift-color-light-components-buttons-unstyled-button-black-text-active: #333333;
769
801
  --redsift-color-light-components-buttons-unstyled-button-black-text-disabled: #a3a3a3;
770
802
  --redsift-color-light-components-buttons-unstyled-button-white-background-default: transparent;
771
- --redsift-color-light-components-buttons-unstyled-button-white-background-hover: #f2f2f2;
772
- --redsift-color-light-components-buttons-unstyled-button-white-background-active: #e0e0e0;
803
+ --redsift-color-light-components-buttons-unstyled-button-white-background-hover: #e0e0e0;
804
+ --redsift-color-light-components-buttons-unstyled-button-white-background-active: #a3a3a3;
773
805
  --redsift-color-light-components-buttons-unstyled-button-white-background-disabled: transparent;
774
806
  --redsift-color-light-components-buttons-unstyled-button-white-text-default: #ffffff;
775
807
  --redsift-color-light-components-buttons-unstyled-button-white-text-hover: #ffffff;
@@ -1137,6 +1169,7 @@
1137
1169
  --redsift-color-neutral-white: #ffffff;
1138
1170
  --redsift-color-neutral-x-light-grey: #f2f2f2;
1139
1171
  --redsift-color-neutral-light-grey: #e0e0e0;
1172
+ --redsift-color-neutral-disabled: #a3a3a3;
1140
1173
  --redsift-color-neutral-mid-grey: #666666;
1141
1174
  --redsift-color-neutral-dark-grey: #474747;
1142
1175
  --redsift-color-neutral-x-dark-grey: #333333;
package/style/redsift.css CHANGED
@@ -596,7 +596,7 @@
596
596
  }
597
597
  /**
598
598
  * Do not edit directly
599
- * Generated on Wed, 10 Jul 2024 09:05:25 GMT
599
+ * Generated on Tue, 16 Jul 2024 19:17:14 GMT
600
600
  */
601
601
 
602
602
  :root {
@@ -756,13 +756,29 @@
756
756
  --redsift-color-dark-components-buttons-secondary-button-info-text-active: #8eb6f8;
757
757
  --redsift-color-dark-components-buttons-secondary-button-info-text-disabled: #858585;
758
758
  --redsift-color-dark-components-buttons-secondary-button-grey-background-default: transparent;
759
- --redsift-color-dark-components-buttons-secondary-button-grey-background-hover: #474747;
759
+ --redsift-color-dark-components-buttons-secondary-button-grey-background-hover: #525252;
760
760
  --redsift-color-dark-components-buttons-secondary-button-grey-background-active: #333333;
761
761
  --redsift-color-dark-components-buttons-secondary-button-grey-background-disabled: #333333;
762
762
  --redsift-color-dark-components-buttons-secondary-button-grey-text-default: #666666;
763
763
  --redsift-color-dark-components-buttons-secondary-button-grey-text-hover: #858585;
764
764
  --redsift-color-dark-components-buttons-secondary-button-grey-text-active: #a3a3a3;
765
765
  --redsift-color-dark-components-buttons-secondary-button-grey-text-disabled: #858585;
766
+ --redsift-color-dark-components-buttons-secondary-button-black-background-default: transparent;
767
+ --redsift-color-dark-components-buttons-secondary-button-black-background-hover: #525252;
768
+ --redsift-color-dark-components-buttons-secondary-button-black-background-active: #333333;
769
+ --redsift-color-dark-components-buttons-secondary-button-black-background-disabled: transparent;
770
+ --redsift-color-dark-components-buttons-secondary-button-black-text-default: #333333;
771
+ --redsift-color-dark-components-buttons-secondary-button-black-text-hover: #333333;
772
+ --redsift-color-dark-components-buttons-secondary-button-black-text-active: #333333;
773
+ --redsift-color-dark-components-buttons-secondary-button-black-text-disabled: #a3a3a3;
774
+ --redsift-color-dark-components-buttons-secondary-button-white-background-default: transparent;
775
+ --redsift-color-dark-components-buttons-secondary-button-white-background-hover: #525252;
776
+ --redsift-color-dark-components-buttons-secondary-button-white-background-active: #333333;
777
+ --redsift-color-dark-components-buttons-secondary-button-white-background-disabled: transparent;
778
+ --redsift-color-dark-components-buttons-secondary-button-white-text-default: #ffffff;
779
+ --redsift-color-dark-components-buttons-secondary-button-white-text-hover: #ffffff;
780
+ --redsift-color-dark-components-buttons-secondary-button-white-text-active: #ffffff;
781
+ --redsift-color-dark-components-buttons-secondary-button-white-text-disabled: #a3a3a3;
766
782
  --redsift-color-dark-components-buttons-secondary-button-radar-background-default: transparent;
767
783
  --redsift-color-dark-components-buttons-secondary-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
768
784
  --redsift-color-dark-components-buttons-secondary-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
@@ -820,7 +836,7 @@
820
836
  --redsift-color-dark-components-buttons-unstyled-button-info-text-active: #8eb6f8;
821
837
  --redsift-color-dark-components-buttons-unstyled-button-info-text-disabled: #858585;
822
838
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-default: transparent;
823
- --redsift-color-dark-components-buttons-unstyled-button-grey-background-hover: #474747;
839
+ --redsift-color-dark-components-buttons-unstyled-button-grey-background-hover: #525252;
824
840
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-active: #333333;
825
841
  --redsift-color-dark-components-buttons-unstyled-button-grey-background-disabled: #333333;
826
842
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-default: #666666;
@@ -828,16 +844,16 @@
828
844
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-active: #a3a3a3;
829
845
  --redsift-color-dark-components-buttons-unstyled-button-grey-text-disabled: #858585;
830
846
  --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;
847
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-hover: #525252;
848
+ --redsift-color-dark-components-buttons-unstyled-button-black-background-active: #333333;
833
849
  --redsift-color-dark-components-buttons-unstyled-button-black-background-disabled: transparent;
834
850
  --redsift-color-dark-components-buttons-unstyled-button-black-text-default: #333333;
835
851
  --redsift-color-dark-components-buttons-unstyled-button-black-text-hover: #333333;
836
852
  --redsift-color-dark-components-buttons-unstyled-button-black-text-active: #333333;
837
853
  --redsift-color-dark-components-buttons-unstyled-button-black-text-disabled: #a3a3a3;
838
854
  --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;
855
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-hover: #525252;
856
+ --redsift-color-dark-components-buttons-unstyled-button-white-background-active: #333333;
841
857
  --redsift-color-dark-components-buttons-unstyled-button-white-background-disabled: transparent;
842
858
  --redsift-color-dark-components-buttons-unstyled-button-white-text-default: #ffffff;
843
859
  --redsift-color-dark-components-buttons-unstyled-button-white-text-hover: #ffffff;
@@ -1284,13 +1300,29 @@
1284
1300
  --redsift-color-light-components-buttons-secondary-button-info-text-active: #2e5dab;
1285
1301
  --redsift-color-light-components-buttons-secondary-button-info-text-disabled: #a3a3a3;
1286
1302
  --redsift-color-light-components-buttons-secondary-button-grey-background-default: transparent;
1287
- --redsift-color-light-components-buttons-secondary-button-grey-background-hover: #f2f2f2;
1288
- --redsift-color-light-components-buttons-secondary-button-grey-background-active: #e0e0e0;
1289
- --redsift-color-light-components-buttons-secondary-button-grey-background-disabled: #ffffff;
1303
+ --redsift-color-light-components-buttons-secondary-button-grey-background-hover: #e0e0e0;
1304
+ --redsift-color-light-components-buttons-secondary-button-grey-background-active: #a3a3a3;
1305
+ --redsift-color-light-components-buttons-secondary-button-grey-background-disabled: transparent;
1290
1306
  --redsift-color-light-components-buttons-secondary-button-grey-text-default: #666666;
1291
1307
  --redsift-color-light-components-buttons-secondary-button-grey-text-hover: #525252;
1292
1308
  --redsift-color-light-components-buttons-secondary-button-grey-text-active: #525252;
1293
1309
  --redsift-color-light-components-buttons-secondary-button-grey-text-disabled: #a3a3a3;
1310
+ --redsift-color-light-components-buttons-secondary-button-black-background-default: transparent;
1311
+ --redsift-color-light-components-buttons-secondary-button-black-background-hover: #e0e0e0;
1312
+ --redsift-color-light-components-buttons-secondary-button-black-background-active: #a3a3a3;
1313
+ --redsift-color-light-components-buttons-secondary-button-black-background-disabled: transparent;
1314
+ --redsift-color-light-components-buttons-secondary-button-black-text-default: #333333;
1315
+ --redsift-color-light-components-buttons-secondary-button-black-text-hover: #333333;
1316
+ --redsift-color-light-components-buttons-secondary-button-black-text-active: #333333;
1317
+ --redsift-color-light-components-buttons-secondary-button-black-text-disabled: #a3a3a3;
1318
+ --redsift-color-light-components-buttons-secondary-button-white-background-default: transparent;
1319
+ --redsift-color-light-components-buttons-secondary-button-white-background-hover: #e0e0e0;
1320
+ --redsift-color-light-components-buttons-secondary-button-white-background-active: #a3a3a3;
1321
+ --redsift-color-light-components-buttons-secondary-button-white-background-disabled: transparent;
1322
+ --redsift-color-light-components-buttons-secondary-button-white-text-default: #ffffff;
1323
+ --redsift-color-light-components-buttons-secondary-button-white-text-hover: #ffffff;
1324
+ --redsift-color-light-components-buttons-secondary-button-white-text-active: #ffffff;
1325
+ --redsift-color-light-components-buttons-secondary-button-white-text-disabled: #a3a3a3;
1294
1326
  --redsift-color-light-components-buttons-secondary-button-radar-background-default: transparent;
1295
1327
  --redsift-color-light-components-buttons-secondary-button-radar-background-hover: linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2));
1296
1328
  --redsift-color-light-components-buttons-secondary-button-radar-background-active: linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4));
@@ -1348,24 +1380,24 @@
1348
1380
  --redsift-color-light-components-buttons-unstyled-button-info-text-active: #2e5dab;
1349
1381
  --redsift-color-light-components-buttons-unstyled-button-info-text-disabled: #a3a3a3;
1350
1382
  --redsift-color-light-components-buttons-unstyled-button-grey-background-default: transparent;
1351
- --redsift-color-light-components-buttons-unstyled-button-grey-background-hover: #f2f2f2;
1352
- --redsift-color-light-components-buttons-unstyled-button-grey-background-active: #e0e0e0;
1383
+ --redsift-color-light-components-buttons-unstyled-button-grey-background-hover: #e0e0e0;
1384
+ --redsift-color-light-components-buttons-unstyled-button-grey-background-active: #a3a3a3;
1353
1385
  --redsift-color-light-components-buttons-unstyled-button-grey-background-disabled: transparent;
1354
1386
  --redsift-color-light-components-buttons-unstyled-button-grey-text-default: #666666;
1355
1387
  --redsift-color-light-components-buttons-unstyled-button-grey-text-hover: #525252;
1356
1388
  --redsift-color-light-components-buttons-unstyled-button-grey-text-active: #525252;
1357
1389
  --redsift-color-light-components-buttons-unstyled-button-grey-text-disabled: #a3a3a3;
1358
1390
  --redsift-color-light-components-buttons-unstyled-button-black-background-default: transparent;
1359
- --redsift-color-light-components-buttons-unstyled-button-black-background-hover: #f2f2f2;
1360
- --redsift-color-light-components-buttons-unstyled-button-black-background-active: #e0e0e0;
1391
+ --redsift-color-light-components-buttons-unstyled-button-black-background-hover: #e0e0e0;
1392
+ --redsift-color-light-components-buttons-unstyled-button-black-background-active: #a3a3a3;
1361
1393
  --redsift-color-light-components-buttons-unstyled-button-black-background-disabled: transparent;
1362
1394
  --redsift-color-light-components-buttons-unstyled-button-black-text-default: #333333;
1363
1395
  --redsift-color-light-components-buttons-unstyled-button-black-text-hover: #333333;
1364
1396
  --redsift-color-light-components-buttons-unstyled-button-black-text-active: #333333;
1365
1397
  --redsift-color-light-components-buttons-unstyled-button-black-text-disabled: #a3a3a3;
1366
1398
  --redsift-color-light-components-buttons-unstyled-button-white-background-default: transparent;
1367
- --redsift-color-light-components-buttons-unstyled-button-white-background-hover: #f2f2f2;
1368
- --redsift-color-light-components-buttons-unstyled-button-white-background-active: #e0e0e0;
1399
+ --redsift-color-light-components-buttons-unstyled-button-white-background-hover: #e0e0e0;
1400
+ --redsift-color-light-components-buttons-unstyled-button-white-background-active: #a3a3a3;
1369
1401
  --redsift-color-light-components-buttons-unstyled-button-white-background-disabled: transparent;
1370
1402
  --redsift-color-light-components-buttons-unstyled-button-white-text-default: #ffffff;
1371
1403
  --redsift-color-light-components-buttons-unstyled-button-white-text-hover: #ffffff;
@@ -1733,6 +1765,7 @@
1733
1765
  --redsift-color-neutral-white: #ffffff;
1734
1766
  --redsift-color-neutral-x-light-grey: #f2f2f2;
1735
1767
  --redsift-color-neutral-light-grey: #e0e0e0;
1768
+ --redsift-color-neutral-disabled: #a3a3a3;
1736
1769
  --redsift-color-neutral-mid-grey: #666666;
1737
1770
  --redsift-color-neutral-dark-grey: #474747;
1738
1771
  --redsift-color-neutral-x-dark-grey: #333333;