@nimbus-ds/styles 9.66.0 → 9.67.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 (7) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/CHANGELOG.md +10 -0
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.ts +82 -55
  5. package/dist/index.js +1 -1
  6. package/dist/styles.css +1 -1
  7. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -3088,7 +3088,7 @@ export declare const fileUploader: {
3088
3088
  };
3089
3089
  export declare const icon: {
3090
3090
  sprinkle: ((props: {
3091
- color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "neutral-textHigh" | "success-interactive" | "ai-generative" | "primary-textHigh" | "success-interactivePressed" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "ai-gradientPurpleHigh" | undefined;
3091
+ color?: "currentColor" | "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-textLow" | "success-interactivePressed" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "success-interactive" | "ai-generative" | "ai-gradientPurpleHigh" | undefined;
3092
3092
  cursor?: Cursor | undefined;
3093
3093
  }) => string) & {
3094
3094
  properties: Set<"color" | "cursor">;
@@ -3306,7 +3306,10 @@ declare const propertiesText: {
3306
3306
  "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3307
3307
  "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3308
3308
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3309
- "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3309
+ "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
3310
+ * The fontSize property sets the size of the text.
3311
+ * @default base
3312
+ */
3310
3313
  "success-interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3311
3314
  "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3312
3315
  "success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3317,9 +3320,7 @@ declare const propertiesText: {
3317
3320
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3318
3321
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3319
3322
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3320
- "danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
3321
- * The whiteSpace property sets how white space inside an element is handled.
3322
- */
3323
+ "danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3323
3324
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3324
3325
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3325
3326
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3423,11 +3424,11 @@ export declare const text: {
3423
3424
  default: string;
3424
3425
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3425
3426
  };
3426
- "primary-interactive": {
3427
+ "primary-surface": {
3427
3428
  default: string;
3428
3429
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3429
3430
  };
3430
- "primary-surface": {
3431
+ "primary-interactive": {
3431
3432
  default: string;
3432
3433
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3433
3434
  };
@@ -3435,7 +3436,7 @@ export declare const text: {
3435
3436
  default: string;
3436
3437
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3437
3438
  };
3438
- "success-textLow": {
3439
+ "primary-textHigh": {
3439
3440
  default: string;
3440
3441
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3441
3442
  };
@@ -3443,79 +3444,79 @@ export declare const text: {
3443
3444
  default: string;
3444
3445
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3445
3446
  };
3446
- "warning-interactive": {
3447
+ "success-textLow": {
3447
3448
  default: string;
3448
3449
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3449
3450
  };
3450
- "warning-surface": {
3451
+ "success-interactivePressed": {
3451
3452
  default: string;
3452
3453
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3453
3454
  };
3454
- "warning-textLow": {
3455
+ "success-textHigh": {
3455
3456
  default: string;
3456
3457
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3457
3458
  };
3458
- "danger-interactive": {
3459
+ "warning-surface": {
3459
3460
  default: string;
3460
3461
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3461
3462
  };
3462
- "danger-surface": {
3463
+ "warning-interactive": {
3463
3464
  default: string;
3464
3465
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3465
3466
  };
3466
- "danger-textLow": {
3467
+ "warning-textLow": {
3467
3468
  default: string;
3468
3469
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3469
3470
  };
3470
- "neutral-background": {
3471
+ "warning-textHigh": {
3471
3472
  default: string;
3472
3473
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3473
3474
  };
3474
- "neutral-interactive": {
3475
+ "danger-surface": {
3475
3476
  default: string;
3476
3477
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3477
3478
  };
3478
- "neutral-surface": {
3479
+ "danger-interactive": {
3479
3480
  default: string;
3480
3481
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3481
3482
  };
3482
- "neutral-textLow": {
3483
+ "danger-textLow": {
3483
3484
  default: string;
3484
3485
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3485
3486
  };
3486
- "neutral-textHigh": {
3487
+ "danger-textHigh": {
3487
3488
  default: string;
3488
3489
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3489
3490
  };
3490
- "success-interactive": {
3491
+ "neutral-background": {
3491
3492
  default: string;
3492
3493
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3493
3494
  };
3494
- "ai-generative": {
3495
+ "neutral-surface": {
3495
3496
  default: string;
3496
3497
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3497
3498
  };
3498
- "primary-textHigh": {
3499
+ "neutral-interactive": {
3499
3500
  default: string;
3500
3501
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3501
3502
  };
3502
- "success-interactivePressed": {
3503
+ "neutral-textDisabled": {
3503
3504
  default: string;
3504
3505
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3505
3506
  };
3506
- "success-textHigh": {
3507
+ "neutral-textLow": {
3507
3508
  default: string;
3508
3509
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3509
3510
  };
3510
- "warning-textHigh": {
3511
+ "neutral-textHigh": {
3511
3512
  default: string;
3512
3513
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3513
3514
  };
3514
- "danger-textHigh": {
3515
+ "success-interactive": {
3515
3516
  default: string;
3516
3517
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3517
3518
  };
3518
- "neutral-textDisabled": {
3519
+ "ai-generative": {
3519
3520
  default: string;
3520
3521
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3521
3522
  };
@@ -3846,17 +3847,30 @@ export declare const text: {
3846
3847
  };
3847
3848
  declare const propertiesTitle: {
3848
3849
  color: {
3849
- "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3850
+ currentColor: string;
3851
+ "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3852
+ "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3850
3853
  "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3851
- "success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3854
+ "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3855
+ "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3856
+ "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3857
+ "success-interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3852
3858
  "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3853
- "warning-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3859
+ "success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3860
+ "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3861
+ "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3854
3862
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3855
- "danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3863
+ "warning-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3864
+ "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3865
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3856
3866
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3857
- "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3858
- "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3867
+ "danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3859
3868
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3869
+ "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3870
+ "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3871
+ "neutral-textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3872
+ "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3873
+ "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3860
3874
  };
3861
3875
  textAlign: TextAlign[];
3862
3876
  fontSize: {
@@ -3951,17 +3965,17 @@ export interface TitleSprinkle {
3951
3965
  textAlign?: TextAlign | TitleConditions<TextAlign>;
3952
3966
  /**
3953
3967
  * The color property is used to set the color of the title.
3954
- * @default neutral-textLow
3968
+ * @default neutral-textHigh
3955
3969
  */
3956
3970
  color?: TitleColorProperties | TitleConditions<TitleColorProperties>;
3957
3971
  }
3958
3972
  export declare const title: {
3959
3973
  sprinkle: ((props: {
3960
- color?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-background" | "neutral-textLow" | "neutral-textHigh" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | {
3961
- xs?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-background" | "neutral-textLow" | "neutral-textHigh" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | undefined;
3962
- md?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-background" | "neutral-textLow" | "neutral-textHigh" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | undefined;
3963
- lg?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-background" | "neutral-textLow" | "neutral-textHigh" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | undefined;
3964
- xl?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-background" | "neutral-textLow" | "neutral-textHigh" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | undefined;
3974
+ color?: "currentColor" | "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-textLow" | "success-interactivePressed" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "success-interactive" | {
3975
+ xs?: "currentColor" | "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-textLow" | "success-interactivePressed" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "success-interactive" | undefined;
3976
+ md?: "currentColor" | "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-textLow" | "success-interactivePressed" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "success-interactive" | undefined;
3977
+ lg?: "currentColor" | "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-textLow" | "success-interactivePressed" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "success-interactive" | undefined;
3978
+ xl?: "currentColor" | "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-textLow" | "success-interactivePressed" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "success-interactive" | undefined;
3965
3979
  } | undefined;
3966
3980
  textAlign?: TextAlign | {
3967
3981
  xs?: TextAlign | undefined;
@@ -3992,17 +4006,30 @@ export declare const title: {
3992
4006
  };
3993
4007
  properties: {
3994
4008
  color: {
3995
- "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4009
+ currentColor: string;
4010
+ "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4011
+ "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3996
4012
  "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3997
- "success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4013
+ "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4014
+ "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4015
+ "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4016
+ "success-interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3998
4017
  "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3999
- "warning-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4018
+ "success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4019
+ "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4020
+ "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4000
4021
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4001
- "danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4022
+ "warning-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4023
+ "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4024
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4002
4025
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4003
- "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4004
- "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4026
+ "danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4005
4027
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4028
+ "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4029
+ "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4030
+ "neutral-textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4031
+ "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4032
+ "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4006
4033
  };
4007
4034
  textAlign: TextAlign[];
4008
4035
  fontSize: {
@@ -4229,6 +4256,10 @@ export declare const popover: {
4229
4256
  config: {
4230
4257
  backgroundColor: {
4231
4258
  values: {
4259
+ "neutral-background": {
4260
+ default: string;
4261
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4262
+ };
4232
4263
  "primary-surfaceHighlight": {
4233
4264
  default: string;
4234
4265
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -4245,10 +4276,6 @@ export declare const popover: {
4245
4276
  default: string;
4246
4277
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4247
4278
  };
4248
- "neutral-background": {
4249
- default: string;
4250
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4251
- };
4252
4279
  "neutral-surfaceHighlight": {
4253
4280
  default: string;
4254
4281
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -4293,6 +4320,10 @@ export declare const popover: {
4293
4320
  };
4294
4321
  color: {
4295
4322
  values: {
4323
+ "neutral-background": {
4324
+ default: string;
4325
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4326
+ };
4296
4327
  "primary-surfaceHighlight": {
4297
4328
  default: string;
4298
4329
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -4309,10 +4340,6 @@ export declare const popover: {
4309
4340
  default: string;
4310
4341
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4311
4342
  };
4312
- "neutral-background": {
4313
- default: string;
4314
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4315
- };
4316
4343
  "neutral-surfaceHighlight": {
4317
4344
  default: string;
4318
4345
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -4542,7 +4569,7 @@ export declare const skeleton: {
4542
4569
  };
4543
4570
  export declare const spinner: {
4544
4571
  sprinkle: ((props: {
4545
- color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | undefined;
4572
+ color?: "currentColor" | "primary-surface" | "primary-interactive" | "primary-textLow" | "success-surface" | "success-textLow" | "danger-surface" | "danger-interactive" | "danger-textLow" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textLow" | "success-interactive" | undefined;
4546
4573
  }) => string) & {
4547
4574
  properties: Set<"color">;
4548
4575
  };
@@ -4833,7 +4860,7 @@ export declare const card: {
4833
4860
  };
4834
4861
  };
4835
4862
  sprinkle: ((props: {
4836
- backgroundColor?: "primary-surface" | "primary-surfaceHighlight" | "success-surface" | "success-surfaceHighlight" | "warning-surface" | "warning-surfaceHighlight" | "danger-surface" | "danger-surfaceHighlight" | "neutral-background" | "neutral-surface" | "neutral-surfaceHighlight" | undefined;
4863
+ backgroundColor?: "primary-surface" | "success-surface" | "warning-surface" | "danger-surface" | "neutral-background" | "neutral-surface" | "primary-surfaceHighlight" | "success-surfaceHighlight" | "warning-surfaceHighlight" | "danger-surfaceHighlight" | "neutral-surfaceHighlight" | undefined;
4837
4864
  padding?: "base" | "small" | "none" | undefined;
4838
4865
  }) => string) & {
4839
4866
  properties: Set<"backgroundColor" | "padding">;