@crowdstrike/tailwind-toucan-base 4.4.0 → 5.0.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 (6) hide show
  1. package/index.css +22 -187
  2. package/index.d.ts +110 -140
  3. package/package.json +7 -7
  4. package/src/theme-data.js +110 -140
  5. package/src/themes.json +110 -140
  6. package/toucan.css +22 -187
package/toucan.css CHANGED
@@ -612,17 +612,17 @@ video {
612
612
  --disc-operations: #db62f9;
613
613
  --dns-requests: #8556fe;
614
614
  --focus: #6688ff;
615
- --chart-1: #49c6c0;
616
- --chart-2: #e0ff80;
617
- --chart-3: #776de9;
618
- --chart-4: #ed6e99;
619
- --chart-5: #ffffe0;
620
- --chart-6: #af1da6;
621
- --chart-7: #fba091;
622
- --chart-8: #7de6b1;
623
- --chart-9: #00a3f0;
624
- --chart-10: #db3fa3;
625
- --chart-disabled: #5e6a82;
615
+ --chart-1: #15dedf;
616
+ --chart-2: #a062ff;
617
+ --chart-3: #ffee87;
618
+ --chart-4: #d10d94;
619
+ --chart-5: #f893c8;
620
+ --chart-6: #4fa3cf;
621
+ --chart-7: #bba5fa;
622
+ --chart-8: #ed685d;
623
+ --chart-9: #fdc083;
624
+ --chart-10: #d6800e;
625
+ --chart-disabled: #515c6f;
626
626
  --chart-neutral-1: #e4e8f1;
627
627
  --chart-neutral-2: #9aa7c1;
628
628
  --graph-1: #4cd7f5;
@@ -672,7 +672,6 @@ video {
672
672
  --surface-lg: #343337;
673
673
  --surface-md: #2d2c31;
674
674
  --surface-xl: #38373c;
675
- --surface-dash-widget: #000000;
676
675
  --text-and-icons: #fafafa;
677
676
  --titles-and-attributes: #e2e2e4;
678
677
  }
@@ -695,17 +694,17 @@ video {
695
694
  --disc-operations: #b308dd;
696
695
  --dns-requests: #4902fd;
697
696
  --focus: #039eba;
698
- --chart-1: #02a7b6;
699
- --chart-2: #859f04;
700
- --chart-3: #7808f7;
701
- --chart-4: #f558a7;
702
- --chart-5: #d38217;
703
- --chart-6: #a763e3;
704
- --chart-7: #b83d14;
705
- --chart-8: #288f5f;
706
- --chart-9: #427be3;
707
- --chart-10: #9a1d7d;
708
- --chart-disabled: #b3bdd0;
697
+ --chart-1: #00a3a4;
698
+ --chart-2: #6f30cc;
699
+ --chart-3: #d6800e;
700
+ --chart-4: #c80085;
701
+ --chart-5: #f75298;
702
+ --chart-6: #13788a;
703
+ --chart-7: #a074ff;
704
+ --chart-8: #ac1e37;
705
+ --chart-9: #ff4f5a;
706
+ --chart-10: #a3611a;
707
+ --chart-disabled: #adb8cc;
709
708
  --chart-neutral-1: #3e4b65;
710
709
  --chart-neutral-2: #67748e;
711
710
  --graph-1: #0f99a1;
@@ -755,7 +754,6 @@ video {
755
754
  --surface-lg: #ffffff;
756
755
  --surface-md: #ffffff;
757
756
  --surface-xl: #ffffff;
758
- --surface-dash-widget: #ffffff;
759
757
  --text-and-icons: #202020;
760
758
  --titles-and-attributes: #3d3d3d;
761
759
  }
@@ -20515,10 +20513,6 @@ video {
20515
20513
  border-color: var(--surface-xl);
20516
20514
  }
20517
20515
 
20518
- .divide-surface-dash-widget > :not([hidden]) ~ :not([hidden]) {
20519
- border-color: var(--surface-dash-widget);
20520
- }
20521
-
20522
20516
  .divide-text-and-icons > :not([hidden]) ~ :not([hidden]) {
20523
20517
  border-color: var(--text-and-icons);
20524
20518
  }
@@ -22962,10 +22956,6 @@ video {
22962
22956
  border-color: var(--surface-xl);
22963
22957
  }
22964
22958
 
22965
- .border-surface-dash-widget {
22966
- border-color: var(--surface-dash-widget);
22967
- }
22968
-
22969
22959
  .border-text-and-icons {
22970
22960
  border-color: var(--text-and-icons);
22971
22961
  }
@@ -23294,10 +23284,6 @@ video {
23294
23284
  border-color: var(--surface-xl);
23295
23285
  }
23296
23286
 
23297
- .hover\:border-surface-dash-widget:hover {
23298
- border-color: var(--surface-dash-widget);
23299
- }
23300
-
23301
23287
  .hover\:border-text-and-icons:hover {
23302
23288
  border-color: var(--text-and-icons);
23303
23289
  }
@@ -23626,10 +23612,6 @@ video {
23626
23612
  border-color: var(--surface-xl);
23627
23613
  }
23628
23614
 
23629
- .active\:border-surface-dash-widget:active {
23630
- border-color: var(--surface-dash-widget);
23631
- }
23632
-
23633
23615
  .active\:border-text-and-icons:active {
23634
23616
  border-color: var(--text-and-icons);
23635
23617
  }
@@ -24138,10 +24120,6 @@ video {
24138
24120
  background-color: var(--surface-xl);
24139
24121
  }
24140
24122
 
24141
- .bg-surface-dash-widget {
24142
- background-color: var(--surface-dash-widget);
24143
- }
24144
-
24145
24123
  .bg-text-and-icons {
24146
24124
  background-color: var(--text-and-icons);
24147
24125
  }
@@ -24470,10 +24448,6 @@ video {
24470
24448
  background-color: var(--surface-xl);
24471
24449
  }
24472
24450
 
24473
- .even\:bg-surface-dash-widget:nth-child(even) {
24474
- background-color: var(--surface-dash-widget);
24475
- }
24476
-
24477
24451
  .even\:bg-text-and-icons:nth-child(even) {
24478
24452
  background-color: var(--text-and-icons);
24479
24453
  }
@@ -24802,10 +24776,6 @@ video {
24802
24776
  background-color: var(--surface-xl);
24803
24777
  }
24804
24778
 
24805
- .group:hover .group-hover\:bg-surface-dash-widget {
24806
- background-color: var(--surface-dash-widget);
24807
- }
24808
-
24809
24779
  .group:hover .group-hover\:bg-text-and-icons {
24810
24780
  background-color: var(--text-and-icons);
24811
24781
  }
@@ -25134,10 +25104,6 @@ video {
25134
25104
  background-color: var(--surface-xl);
25135
25105
  }
25136
25106
 
25137
- .hover\:bg-surface-dash-widget:hover {
25138
- background-color: var(--surface-dash-widget);
25139
- }
25140
-
25141
25107
  .hover\:bg-text-and-icons:hover {
25142
25108
  background-color: var(--text-and-icons);
25143
25109
  }
@@ -25466,10 +25432,6 @@ video {
25466
25432
  background-color: var(--surface-xl);
25467
25433
  }
25468
25434
 
25469
- .focus\:bg-surface-dash-widget:focus {
25470
- background-color: var(--surface-dash-widget);
25471
- }
25472
-
25473
25435
  .focus\:bg-text-and-icons:focus {
25474
25436
  background-color: var(--text-and-icons);
25475
25437
  }
@@ -25798,10 +25760,6 @@ video {
25798
25760
  background-color: var(--surface-xl);
25799
25761
  }
25800
25762
 
25801
- .focus-within\:bg-surface-dash-widget:focus-within {
25802
- background-color: var(--surface-dash-widget);
25803
- }
25804
-
25805
25763
  .focus-within\:bg-text-and-icons:focus-within {
25806
25764
  background-color: var(--text-and-icons);
25807
25765
  }
@@ -26130,10 +26088,6 @@ video {
26130
26088
  background-color: var(--surface-xl);
26131
26089
  }
26132
26090
 
26133
- .focus-visible\:bg-surface-dash-widget:focus-visible {
26134
- background-color: var(--surface-dash-widget);
26135
- }
26136
-
26137
26091
  .focus-visible\:bg-text-and-icons:focus-visible {
26138
26092
  background-color: var(--text-and-icons);
26139
26093
  }
@@ -26462,10 +26416,6 @@ video {
26462
26416
  background-color: var(--surface-xl);
26463
26417
  }
26464
26418
 
26465
- .active\:bg-surface-dash-widget:active {
26466
- background-color: var(--surface-dash-widget);
26467
- }
26468
-
26469
26419
  .active\:bg-text-and-icons:active {
26470
26420
  background-color: var(--text-and-icons);
26471
26421
  }
@@ -26794,10 +26744,6 @@ video {
26794
26744
  background-color: var(--surface-xl);
26795
26745
  }
26796
26746
 
26797
- .disabled\:bg-surface-dash-widget:disabled {
26798
- background-color: var(--surface-dash-widget);
26799
- }
26800
-
26801
26747
  .disabled\:bg-text-and-icons:disabled {
26802
26748
  background-color: var(--text-and-icons);
26803
26749
  }
@@ -27422,11 +27368,6 @@ video {
27422
27368
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
27423
27369
  }
27424
27370
 
27425
- .from-surface-dash-widget {
27426
- --tw-gradient-from: var(--surface-dash-widget);
27427
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
27428
- }
27429
-
27430
27371
  .from-text-and-icons {
27431
27372
  --tw-gradient-from: var(--text-and-icons);
27432
27373
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -27837,11 +27778,6 @@ video {
27837
27778
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
27838
27779
  }
27839
27780
 
27840
- .hover\:from-surface-dash-widget:hover {
27841
- --tw-gradient-from: var(--surface-dash-widget);
27842
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
27843
- }
27844
-
27845
27781
  .hover\:from-text-and-icons:hover {
27846
27782
  --tw-gradient-from: var(--text-and-icons);
27847
27783
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -28252,11 +28188,6 @@ video {
28252
28188
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
28253
28189
  }
28254
28190
 
28255
- .focus\:from-surface-dash-widget:focus {
28256
- --tw-gradient-from: var(--surface-dash-widget);
28257
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
28258
- }
28259
-
28260
28191
  .focus\:from-text-and-icons:focus {
28261
28192
  --tw-gradient-from: var(--text-and-icons);
28262
28193
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -28587,10 +28518,6 @@ video {
28587
28518
  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
28588
28519
  }
28589
28520
 
28590
- .via-surface-dash-widget {
28591
- --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
28592
- }
28593
-
28594
28521
  .via-text-and-icons {
28595
28522
  --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
28596
28523
  }
@@ -28919,10 +28846,6 @@ video {
28919
28846
  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
28920
28847
  }
28921
28848
 
28922
- .hover\:via-surface-dash-widget:hover {
28923
- --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
28924
- }
28925
-
28926
28849
  .hover\:via-text-and-icons:hover {
28927
28850
  --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
28928
28851
  }
@@ -29251,10 +29174,6 @@ video {
29251
29174
  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
29252
29175
  }
29253
29176
 
29254
- .focus\:via-surface-dash-widget:focus {
29255
- --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
29256
- }
29257
-
29258
29177
  .focus\:via-text-and-icons:focus {
29259
29178
  --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
29260
29179
  }
@@ -29583,10 +29502,6 @@ video {
29583
29502
  --tw-gradient-to: var(--surface-xl);
29584
29503
  }
29585
29504
 
29586
- .to-surface-dash-widget {
29587
- --tw-gradient-to: var(--surface-dash-widget);
29588
- }
29589
-
29590
29505
  .to-text-and-icons {
29591
29506
  --tw-gradient-to: var(--text-and-icons);
29592
29507
  }
@@ -29915,10 +29830,6 @@ video {
29915
29830
  --tw-gradient-to: var(--surface-xl);
29916
29831
  }
29917
29832
 
29918
- .hover\:to-surface-dash-widget:hover {
29919
- --tw-gradient-to: var(--surface-dash-widget);
29920
- }
29921
-
29922
29833
  .hover\:to-text-and-icons:hover {
29923
29834
  --tw-gradient-to: var(--text-and-icons);
29924
29835
  }
@@ -30247,10 +30158,6 @@ video {
30247
30158
  --tw-gradient-to: var(--surface-xl);
30248
30159
  }
30249
30160
 
30250
- .focus\:to-surface-dash-widget:focus {
30251
- --tw-gradient-to: var(--surface-dash-widget);
30252
- }
30253
-
30254
30161
  .focus\:to-text-and-icons:focus {
30255
30162
  --tw-gradient-to: var(--text-and-icons);
30256
30163
  }
@@ -32290,10 +32197,6 @@ video {
32290
32197
  color: var(--surface-xl);
32291
32198
  }
32292
32199
 
32293
- .text-surface-dash-widget {
32294
- color: var(--surface-dash-widget);
32295
- }
32296
-
32297
32200
  .text-text-and-icons {
32298
32201
  color: var(--text-and-icons);
32299
32202
  }
@@ -32622,10 +32525,6 @@ video {
32622
32525
  color: var(--surface-xl);
32623
32526
  }
32624
32527
 
32625
- .hover\:text-surface-dash-widget:hover {
32626
- color: var(--surface-dash-widget);
32627
- }
32628
-
32629
32528
  .hover\:text-text-and-icons:hover {
32630
32529
  color: var(--text-and-icons);
32631
32530
  }
@@ -32954,10 +32853,6 @@ video {
32954
32853
  color: var(--surface-xl);
32955
32854
  }
32956
32855
 
32957
- .focus\:text-surface-dash-widget:focus {
32958
- color: var(--surface-dash-widget);
32959
- }
32960
-
32961
32856
  .focus\:text-text-and-icons:focus {
32962
32857
  color: var(--text-and-icons);
32963
32858
  }
@@ -33286,10 +33181,6 @@ video {
33286
33181
  color: var(--surface-xl);
33287
33182
  }
33288
33183
 
33289
- .focus-visible\:text-surface-dash-widget:focus-visible {
33290
- color: var(--surface-dash-widget);
33291
- }
33292
-
33293
33184
  .focus-visible\:text-text-and-icons:focus-visible {
33294
33185
  color: var(--text-and-icons);
33295
33186
  }
@@ -33618,10 +33509,6 @@ video {
33618
33509
  color: var(--surface-xl);
33619
33510
  }
33620
33511
 
33621
- .group:hover .group-hover\:text-surface-dash-widget {
33622
- color: var(--surface-dash-widget);
33623
- }
33624
-
33625
33512
  .group:hover .group-hover\:text-text-and-icons {
33626
33513
  color: var(--text-and-icons);
33627
33514
  }
@@ -33950,10 +33837,6 @@ video {
33950
33837
  color: var(--surface-xl);
33951
33838
  }
33952
33839
 
33953
- .active\:text-surface-dash-widget:active {
33954
- color: var(--surface-dash-widget);
33955
- }
33956
-
33957
33840
  .active\:text-text-and-icons:active {
33958
33841
  color: var(--text-and-icons);
33959
33842
  }
@@ -34282,10 +34165,6 @@ video {
34282
34165
  color: var(--surface-xl);
34283
34166
  }
34284
34167
 
34285
- .disabled\:text-surface-dash-widget:disabled {
34286
- color: var(--surface-dash-widget);
34287
- }
34288
-
34289
34168
  .disabled\:text-text-and-icons:disabled {
34290
34169
  color: var(--text-and-icons);
34291
34170
  }
@@ -35160,14 +35039,6 @@ video {
35160
35039
  color: var(--surface-xl);
35161
35040
  }
35162
35041
 
35163
- .placeholder-surface-dash-widget::-moz-placeholder {
35164
- color: var(--surface-dash-widget);
35165
- }
35166
-
35167
- .placeholder-surface-dash-widget::placeholder {
35168
- color: var(--surface-dash-widget);
35169
- }
35170
-
35171
35042
  .placeholder-text-and-icons::-moz-placeholder {
35172
35043
  color: var(--text-and-icons);
35173
35044
  }
@@ -35824,14 +35695,6 @@ video {
35824
35695
  color: var(--surface-xl);
35825
35696
  }
35826
35697
 
35827
- .focus\:placeholder-surface-dash-widget:focus::-moz-placeholder {
35828
- color: var(--surface-dash-widget);
35829
- }
35830
-
35831
- .focus\:placeholder-surface-dash-widget:focus::placeholder {
35832
- color: var(--surface-dash-widget);
35833
- }
35834
-
35835
35698
  .focus\:placeholder-text-and-icons:focus::-moz-placeholder {
35836
35699
  color: var(--text-and-icons);
35837
35700
  }
@@ -36408,10 +36271,6 @@ video {
36408
36271
  caret-color: var(--surface-xl);
36409
36272
  }
36410
36273
 
36411
- .caret-surface-dash-widget {
36412
- caret-color: var(--surface-dash-widget);
36413
- }
36414
-
36415
36274
  .caret-text-and-icons {
36416
36275
  caret-color: var(--text-and-icons);
36417
36276
  }
@@ -37931,10 +37790,6 @@ video {
37931
37790
  --tw-ring-color: var(--surface-xl);
37932
37791
  }
37933
37792
 
37934
- .ring-surface-dash-widget {
37935
- --tw-ring-color: var(--surface-dash-widget);
37936
- }
37937
-
37938
37793
  .ring-text-and-icons {
37939
37794
  --tw-ring-color: var(--text-and-icons);
37940
37795
  }
@@ -38263,10 +38118,6 @@ video {
38263
38118
  --tw-ring-color: var(--surface-xl);
38264
38119
  }
38265
38120
 
38266
- .focus-within\:ring-surface-dash-widget:focus-within {
38267
- --tw-ring-color: var(--surface-dash-widget);
38268
- }
38269
-
38270
38121
  .focus-within\:ring-text-and-icons:focus-within {
38271
38122
  --tw-ring-color: var(--text-and-icons);
38272
38123
  }
@@ -38595,10 +38446,6 @@ video {
38595
38446
  --tw-ring-color: var(--surface-xl);
38596
38447
  }
38597
38448
 
38598
- .focus\:ring-surface-dash-widget:focus {
38599
- --tw-ring-color: var(--surface-dash-widget);
38600
- }
38601
-
38602
38449
  .focus\:ring-text-and-icons:focus {
38603
38450
  --tw-ring-color: var(--text-and-icons);
38604
38451
  }
@@ -39167,10 +39014,6 @@ video {
39167
39014
  --tw-ring-offset-color: var(--surface-xl);
39168
39015
  }
39169
39016
 
39170
- .ring-offset-surface-dash-widget {
39171
- --tw-ring-offset-color: var(--surface-dash-widget);
39172
- }
39173
-
39174
39017
  .ring-offset-text-and-icons {
39175
39018
  --tw-ring-offset-color: var(--text-and-icons);
39176
39019
  }
@@ -39499,10 +39342,6 @@ video {
39499
39342
  --tw-ring-offset-color: var(--surface-xl);
39500
39343
  }
39501
39344
 
39502
- .focus-within\:ring-offset-surface-dash-widget:focus-within {
39503
- --tw-ring-offset-color: var(--surface-dash-widget);
39504
- }
39505
-
39506
39345
  .focus-within\:ring-offset-text-and-icons:focus-within {
39507
39346
  --tw-ring-offset-color: var(--text-and-icons);
39508
39347
  }
@@ -39831,10 +39670,6 @@ video {
39831
39670
  --tw-ring-offset-color: var(--surface-xl);
39832
39671
  }
39833
39672
 
39834
- .focus\:ring-offset-surface-dash-widget:focus {
39835
- --tw-ring-offset-color: var(--surface-dash-widget);
39836
- }
39837
-
39838
39673
  .focus\:ring-offset-text-and-icons:focus {
39839
39674
  --tw-ring-offset-color: var(--text-and-icons);
39840
39675
  }