@ctlyst.id/voila-ui 11.0.21 → 11.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.css +10303 -9271
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.mts +390 -0
  4. package/dist/index.d.ts +390 -0
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +7 -7
package/dist/index.d.ts CHANGED
@@ -7473,6 +7473,30 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
7473
7473
  default: string;
7474
7474
  conditions: Record<string | number, string>;
7475
7475
  };
7476
+ gradientGreen1: {
7477
+ default: string;
7478
+ conditions: Record<string | number, string>;
7479
+ };
7480
+ gradientYellow1: {
7481
+ default: string;
7482
+ conditions: Record<string | number, string>;
7483
+ };
7484
+ gradientRed1: {
7485
+ default: string;
7486
+ conditions: Record<string | number, string>;
7487
+ };
7488
+ gradientSteelGreen1: {
7489
+ default: string;
7490
+ conditions: Record<string | number, string>;
7491
+ };
7492
+ gradientSteelWhite1: {
7493
+ default: string;
7494
+ conditions: Record<string | number, string>;
7495
+ };
7496
+ gradientSteelGrey1: {
7497
+ default: string;
7498
+ conditions: Record<string | number, string>;
7499
+ };
7476
7500
  blackTypoHigh: {
7477
7501
  default: string;
7478
7502
  conditions: Record<string | number, string>;
@@ -7659,6 +7683,12 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
7659
7683
  };
7660
7684
  };
7661
7685
  staticScale: {
7686
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7687
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7688
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7689
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7690
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7691
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7662
7692
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7663
7693
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7664
7694
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -7715,6 +7745,30 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
7715
7745
  default: string;
7716
7746
  conditions: Record<string | number, string>;
7717
7747
  };
7748
+ gradientGreen1: {
7749
+ default: string;
7750
+ conditions: Record<string | number, string>;
7751
+ };
7752
+ gradientYellow1: {
7753
+ default: string;
7754
+ conditions: Record<string | number, string>;
7755
+ };
7756
+ gradientRed1: {
7757
+ default: string;
7758
+ conditions: Record<string | number, string>;
7759
+ };
7760
+ gradientSteelGreen1: {
7761
+ default: string;
7762
+ conditions: Record<string | number, string>;
7763
+ };
7764
+ gradientSteelWhite1: {
7765
+ default: string;
7766
+ conditions: Record<string | number, string>;
7767
+ };
7768
+ gradientSteelGrey1: {
7769
+ default: string;
7770
+ conditions: Record<string | number, string>;
7771
+ };
7718
7772
  blackTypoHigh: {
7719
7773
  default: string;
7720
7774
  conditions: Record<string | number, string>;
@@ -7901,6 +7955,12 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
7901
7955
  };
7902
7956
  };
7903
7957
  staticScale: {
7958
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7959
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7960
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7961
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7962
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7963
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7904
7964
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7905
7965
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7906
7966
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -9290,6 +9350,30 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
9290
9350
  default: string;
9291
9351
  conditions: Record<string | number, string>;
9292
9352
  };
9353
+ gradientGreen1: {
9354
+ default: string;
9355
+ conditions: Record<string | number, string>;
9356
+ };
9357
+ gradientYellow1: {
9358
+ default: string;
9359
+ conditions: Record<string | number, string>;
9360
+ };
9361
+ gradientRed1: {
9362
+ default: string;
9363
+ conditions: Record<string | number, string>;
9364
+ };
9365
+ gradientSteelGreen1: {
9366
+ default: string;
9367
+ conditions: Record<string | number, string>;
9368
+ };
9369
+ gradientSteelWhite1: {
9370
+ default: string;
9371
+ conditions: Record<string | number, string>;
9372
+ };
9373
+ gradientSteelGrey1: {
9374
+ default: string;
9375
+ conditions: Record<string | number, string>;
9376
+ };
9293
9377
  blackTypoHigh: {
9294
9378
  default: string;
9295
9379
  conditions: Record<string | number, string>;
@@ -9476,6 +9560,12 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
9476
9560
  };
9477
9561
  };
9478
9562
  staticScale: {
9563
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9564
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9565
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9566
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9567
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9568
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9479
9569
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9480
9570
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9481
9571
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -9588,6 +9678,30 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
9588
9678
  default: string;
9589
9679
  conditions: Record<string | number, string>;
9590
9680
  };
9681
+ gradientGreen1: {
9682
+ default: string;
9683
+ conditions: Record<string | number, string>;
9684
+ };
9685
+ gradientYellow1: {
9686
+ default: string;
9687
+ conditions: Record<string | number, string>;
9688
+ };
9689
+ gradientRed1: {
9690
+ default: string;
9691
+ conditions: Record<string | number, string>;
9692
+ };
9693
+ gradientSteelGreen1: {
9694
+ default: string;
9695
+ conditions: Record<string | number, string>;
9696
+ };
9697
+ gradientSteelWhite1: {
9698
+ default: string;
9699
+ conditions: Record<string | number, string>;
9700
+ };
9701
+ gradientSteelGrey1: {
9702
+ default: string;
9703
+ conditions: Record<string | number, string>;
9704
+ };
9591
9705
  blackTypoHigh: {
9592
9706
  default: string;
9593
9707
  conditions: Record<string | number, string>;
@@ -9774,6 +9888,12 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
9774
9888
  };
9775
9889
  };
9776
9890
  staticScale: {
9891
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9892
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9893
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9894
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9895
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9896
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9777
9897
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9778
9898
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9779
9899
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -9869,6 +9989,30 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
9869
9989
  default: string;
9870
9990
  conditions: Record<string | number, string>;
9871
9991
  };
9992
+ gradientGreen1: {
9993
+ default: string;
9994
+ conditions: Record<string | number, string>;
9995
+ };
9996
+ gradientYellow1: {
9997
+ default: string;
9998
+ conditions: Record<string | number, string>;
9999
+ };
10000
+ gradientRed1: {
10001
+ default: string;
10002
+ conditions: Record<string | number, string>;
10003
+ };
10004
+ gradientSteelGreen1: {
10005
+ default: string;
10006
+ conditions: Record<string | number, string>;
10007
+ };
10008
+ gradientSteelWhite1: {
10009
+ default: string;
10010
+ conditions: Record<string | number, string>;
10011
+ };
10012
+ gradientSteelGrey1: {
10013
+ default: string;
10014
+ conditions: Record<string | number, string>;
10015
+ };
9872
10016
  blackTypoHigh: {
9873
10017
  default: string;
9874
10018
  conditions: Record<string | number, string>;
@@ -10055,6 +10199,12 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
10055
10199
  };
10056
10200
  };
10057
10201
  staticScale: {
10202
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10203
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10204
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10205
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10206
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10207
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10058
10208
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10059
10209
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10060
10210
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -10150,6 +10300,30 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
10150
10300
  default: string;
10151
10301
  conditions: Record<string | number, string>;
10152
10302
  };
10303
+ gradientGreen1: {
10304
+ default: string;
10305
+ conditions: Record<string | number, string>;
10306
+ };
10307
+ gradientYellow1: {
10308
+ default: string;
10309
+ conditions: Record<string | number, string>;
10310
+ };
10311
+ gradientRed1: {
10312
+ default: string;
10313
+ conditions: Record<string | number, string>;
10314
+ };
10315
+ gradientSteelGreen1: {
10316
+ default: string;
10317
+ conditions: Record<string | number, string>;
10318
+ };
10319
+ gradientSteelWhite1: {
10320
+ default: string;
10321
+ conditions: Record<string | number, string>;
10322
+ };
10323
+ gradientSteelGrey1: {
10324
+ default: string;
10325
+ conditions: Record<string | number, string>;
10326
+ };
10153
10327
  blackTypoHigh: {
10154
10328
  default: string;
10155
10329
  conditions: Record<string | number, string>;
@@ -10336,6 +10510,12 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
10336
10510
  };
10337
10511
  };
10338
10512
  staticScale: {
10513
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10514
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10515
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10516
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10517
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10518
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10339
10519
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10340
10520
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10341
10521
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -10431,6 +10611,30 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
10431
10611
  default: string;
10432
10612
  conditions: Record<string | number, string>;
10433
10613
  };
10614
+ gradientGreen1: {
10615
+ default: string;
10616
+ conditions: Record<string | number, string>;
10617
+ };
10618
+ gradientYellow1: {
10619
+ default: string;
10620
+ conditions: Record<string | number, string>;
10621
+ };
10622
+ gradientRed1: {
10623
+ default: string;
10624
+ conditions: Record<string | number, string>;
10625
+ };
10626
+ gradientSteelGreen1: {
10627
+ default: string;
10628
+ conditions: Record<string | number, string>;
10629
+ };
10630
+ gradientSteelWhite1: {
10631
+ default: string;
10632
+ conditions: Record<string | number, string>;
10633
+ };
10634
+ gradientSteelGrey1: {
10635
+ default: string;
10636
+ conditions: Record<string | number, string>;
10637
+ };
10434
10638
  blackTypoHigh: {
10435
10639
  default: string;
10436
10640
  conditions: Record<string | number, string>;
@@ -10617,6 +10821,12 @@ declare const Box: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_declar
10617
10821
  };
10618
10822
  };
10619
10823
  staticScale: {
10824
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10825
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10826
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10827
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10828
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10829
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10620
10830
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10621
10831
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10622
10832
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -14697,6 +14907,30 @@ declare const Flex: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_decla
14697
14907
  default: string;
14698
14908
  conditions: Record<string | number, string>;
14699
14909
  };
14910
+ gradientGreen1: {
14911
+ default: string;
14912
+ conditions: Record<string | number, string>;
14913
+ };
14914
+ gradientYellow1: {
14915
+ default: string;
14916
+ conditions: Record<string | number, string>;
14917
+ };
14918
+ gradientRed1: {
14919
+ default: string;
14920
+ conditions: Record<string | number, string>;
14921
+ };
14922
+ gradientSteelGreen1: {
14923
+ default: string;
14924
+ conditions: Record<string | number, string>;
14925
+ };
14926
+ gradientSteelWhite1: {
14927
+ default: string;
14928
+ conditions: Record<string | number, string>;
14929
+ };
14930
+ gradientSteelGrey1: {
14931
+ default: string;
14932
+ conditions: Record<string | number, string>;
14933
+ };
14700
14934
  blackTypoHigh: {
14701
14935
  default: string;
14702
14936
  conditions: Record<string | number, string>;
@@ -14883,6 +15117,12 @@ declare const Flex: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_decla
14883
15117
  };
14884
15118
  };
14885
15119
  staticScale: {
15120
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15121
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15122
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15123
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15124
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15125
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14886
15126
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14887
15127
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14888
15128
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -14939,6 +15179,30 @@ declare const Flex: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_decla
14939
15179
  default: string;
14940
15180
  conditions: Record<string | number, string>;
14941
15181
  };
15182
+ gradientGreen1: {
15183
+ default: string;
15184
+ conditions: Record<string | number, string>;
15185
+ };
15186
+ gradientYellow1: {
15187
+ default: string;
15188
+ conditions: Record<string | number, string>;
15189
+ };
15190
+ gradientRed1: {
15191
+ default: string;
15192
+ conditions: Record<string | number, string>;
15193
+ };
15194
+ gradientSteelGreen1: {
15195
+ default: string;
15196
+ conditions: Record<string | number, string>;
15197
+ };
15198
+ gradientSteelWhite1: {
15199
+ default: string;
15200
+ conditions: Record<string | number, string>;
15201
+ };
15202
+ gradientSteelGrey1: {
15203
+ default: string;
15204
+ conditions: Record<string | number, string>;
15205
+ };
14942
15206
  blackTypoHigh: {
14943
15207
  default: string;
14944
15208
  conditions: Record<string | number, string>;
@@ -15125,6 +15389,12 @@ declare const Flex: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_decla
15125
15389
  };
15126
15390
  };
15127
15391
  staticScale: {
15392
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15393
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15394
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15395
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15396
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15397
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15128
15398
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15129
15399
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15130
15400
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -22106,6 +22376,30 @@ declare const Grid: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_decla
22106
22376
  default: string;
22107
22377
  conditions: Record<string | number, string>;
22108
22378
  };
22379
+ gradientGreen1: {
22380
+ default: string;
22381
+ conditions: Record<string | number, string>;
22382
+ };
22383
+ gradientYellow1: {
22384
+ default: string;
22385
+ conditions: Record<string | number, string>;
22386
+ };
22387
+ gradientRed1: {
22388
+ default: string;
22389
+ conditions: Record<string | number, string>;
22390
+ };
22391
+ gradientSteelGreen1: {
22392
+ default: string;
22393
+ conditions: Record<string | number, string>;
22394
+ };
22395
+ gradientSteelWhite1: {
22396
+ default: string;
22397
+ conditions: Record<string | number, string>;
22398
+ };
22399
+ gradientSteelGrey1: {
22400
+ default: string;
22401
+ conditions: Record<string | number, string>;
22402
+ };
22109
22403
  blackTypoHigh: {
22110
22404
  default: string;
22111
22405
  conditions: Record<string | number, string>;
@@ -22292,6 +22586,12 @@ declare const Grid: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_decla
22292
22586
  };
22293
22587
  };
22294
22588
  staticScale: {
22589
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22590
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22591
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22592
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22593
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22594
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22295
22595
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22296
22596
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22297
22597
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -22348,6 +22648,30 @@ declare const Grid: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_decla
22348
22648
  default: string;
22349
22649
  conditions: Record<string | number, string>;
22350
22650
  };
22651
+ gradientGreen1: {
22652
+ default: string;
22653
+ conditions: Record<string | number, string>;
22654
+ };
22655
+ gradientYellow1: {
22656
+ default: string;
22657
+ conditions: Record<string | number, string>;
22658
+ };
22659
+ gradientRed1: {
22660
+ default: string;
22661
+ conditions: Record<string | number, string>;
22662
+ };
22663
+ gradientSteelGreen1: {
22664
+ default: string;
22665
+ conditions: Record<string | number, string>;
22666
+ };
22667
+ gradientSteelWhite1: {
22668
+ default: string;
22669
+ conditions: Record<string | number, string>;
22670
+ };
22671
+ gradientSteelGrey1: {
22672
+ default: string;
22673
+ conditions: Record<string | number, string>;
22674
+ };
22351
22675
  blackTypoHigh: {
22352
22676
  default: string;
22353
22677
  conditions: Record<string | number, string>;
@@ -22534,6 +22858,12 @@ declare const Grid: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_decla
22534
22858
  };
22535
22859
  };
22536
22860
  staticScale: {
22861
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22862
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22863
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22864
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22865
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22866
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22537
22867
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22538
22868
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22539
22869
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -29054,6 +29384,30 @@ declare const Stack: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_decl
29054
29384
  default: string;
29055
29385
  conditions: Record<string | number, string>;
29056
29386
  };
29387
+ gradientGreen1: {
29388
+ default: string;
29389
+ conditions: Record<string | number, string>;
29390
+ };
29391
+ gradientYellow1: {
29392
+ default: string;
29393
+ conditions: Record<string | number, string>;
29394
+ };
29395
+ gradientRed1: {
29396
+ default: string;
29397
+ conditions: Record<string | number, string>;
29398
+ };
29399
+ gradientSteelGreen1: {
29400
+ default: string;
29401
+ conditions: Record<string | number, string>;
29402
+ };
29403
+ gradientSteelWhite1: {
29404
+ default: string;
29405
+ conditions: Record<string | number, string>;
29406
+ };
29407
+ gradientSteelGrey1: {
29408
+ default: string;
29409
+ conditions: Record<string | number, string>;
29410
+ };
29057
29411
  blackTypoHigh: {
29058
29412
  default: string;
29059
29413
  conditions: Record<string | number, string>;
@@ -29240,6 +29594,12 @@ declare const Stack: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_decl
29240
29594
  };
29241
29595
  };
29242
29596
  staticScale: {
29597
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29598
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29599
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29600
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29601
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29602
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29243
29603
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29244
29604
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29245
29605
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -29296,6 +29656,30 @@ declare const Stack: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_decl
29296
29656
  default: string;
29297
29657
  conditions: Record<string | number, string>;
29298
29658
  };
29659
+ gradientGreen1: {
29660
+ default: string;
29661
+ conditions: Record<string | number, string>;
29662
+ };
29663
+ gradientYellow1: {
29664
+ default: string;
29665
+ conditions: Record<string | number, string>;
29666
+ };
29667
+ gradientRed1: {
29668
+ default: string;
29669
+ conditions: Record<string | number, string>;
29670
+ };
29671
+ gradientSteelGreen1: {
29672
+ default: string;
29673
+ conditions: Record<string | number, string>;
29674
+ };
29675
+ gradientSteelWhite1: {
29676
+ default: string;
29677
+ conditions: Record<string | number, string>;
29678
+ };
29679
+ gradientSteelGrey1: {
29680
+ default: string;
29681
+ conditions: Record<string | number, string>;
29682
+ };
29299
29683
  blackTypoHigh: {
29300
29684
  default: string;
29301
29685
  conditions: Record<string | number, string>;
@@ -29482,6 +29866,12 @@ declare const Stack: react.ForwardRefExoticComponent<rainbow_sprinkles_dist_decl
29482
29866
  };
29483
29867
  };
29484
29868
  staticScale: {
29869
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29870
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29871
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29872
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29873
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29874
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29485
29875
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29486
29876
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29487
29877
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;