@nimbus-ds/styles 9.67.0 → 9.68.1-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -807,11 +807,11 @@ export declare const box: {
807
807
  default: string;
808
808
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
809
809
  };
810
- grid: {
810
+ flex: {
811
811
  default: string;
812
812
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
813
813
  };
814
- flex: {
814
+ grid: {
815
815
  default: string;
816
816
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
817
817
  };
@@ -959,7 +959,7 @@ export declare const box: {
959
959
  };
960
960
  pointerEvents: {
961
961
  values: {
962
- fill: {
962
+ inherit: {
963
963
  default: string;
964
964
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
965
965
  };
@@ -967,19 +967,19 @@ export declare const box: {
967
967
  default: string;
968
968
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
969
969
  };
970
- inherit: {
970
+ all: {
971
971
  default: string;
972
972
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
973
973
  };
974
- auto: {
974
+ fill: {
975
975
  default: string;
976
976
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
977
977
  };
978
- all: {
978
+ stroke: {
979
979
  default: string;
980
980
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
981
981
  };
982
- stroke: {
982
+ auto: {
983
983
  default: string;
984
984
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
985
985
  };
@@ -1009,11 +1009,11 @@ export declare const box: {
1009
1009
  };
1010
1010
  borderStyle: {
1011
1011
  values: {
1012
- hidden: {
1012
+ none: {
1013
1013
  default: string;
1014
1014
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1015
1015
  };
1016
- none: {
1016
+ hidden: {
1017
1017
  default: string;
1018
1018
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1019
1019
  };
@@ -1101,11 +1101,11 @@ export declare const box: {
1101
1101
  };
1102
1102
  overflow: {
1103
1103
  values: {
1104
- hidden: {
1104
+ auto: {
1105
1105
  default: string;
1106
1106
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1107
1107
  };
1108
- auto: {
1108
+ hidden: {
1109
1109
  default: string;
1110
1110
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1111
1111
  };
@@ -1123,11 +1123,11 @@ export declare const box: {
1123
1123
  };
1124
1124
  overflowX: {
1125
1125
  values: {
1126
- hidden: {
1126
+ auto: {
1127
1127
  default: string;
1128
1128
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1129
1129
  };
1130
- auto: {
1130
+ hidden: {
1131
1131
  default: string;
1132
1132
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1133
1133
  };
@@ -1145,11 +1145,11 @@ export declare const box: {
1145
1145
  };
1146
1146
  overflowY: {
1147
1147
  values: {
1148
- hidden: {
1148
+ auto: {
1149
1149
  default: string;
1150
1150
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1151
1151
  };
1152
- auto: {
1152
+ hidden: {
1153
1153
  default: string;
1154
1154
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1155
1155
  };
@@ -1525,15 +1525,15 @@ export declare const box: {
1525
1525
  };
1526
1526
  textAlign: {
1527
1527
  values: {
1528
- center: {
1528
+ left: {
1529
1529
  default: string;
1530
1530
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1531
1531
  };
1532
- left: {
1532
+ right: {
1533
1533
  default: string;
1534
1534
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1535
1535
  };
1536
- right: {
1536
+ center: {
1537
1537
  default: string;
1538
1538
  conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
1539
1539
  };
@@ -2989,7 +2989,7 @@ export declare const box: {
2989
2989
  export declare const button: {
2990
2990
  classnames: {
2991
2991
  fullWidth: string;
2992
- size: Record<"medium" | "small" | "large", string>;
2992
+ size: Record<"medium" | "large" | "small", string>;
2993
2993
  appearance: Record<"primary" | "danger" | "neutral" | "transparent" | "ai-primary" | "ai-secondary", string>;
2994
2994
  };
2995
2995
  };
@@ -3088,7 +3088,7 @@ export declare const fileUploader: {
3088
3088
  };
3089
3089
  export declare const icon: {
3090
3090
  sprinkle: ((props: {
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;
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;
3092
3092
  cursor?: Cursor | undefined;
3093
3093
  }) => string) & {
3094
3094
  properties: Set<"color" | "cursor">;
@@ -3306,10 +3306,7 @@ 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})`; /**
3310
- * The fontSize property sets the size of the text.
3311
- * @default base
3312
- */
3309
+ "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3313
3310
  "success-interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3314
3311
  "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3315
3312
  "success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3320,7 +3317,9 @@ declare const propertiesText: {
3320
3317
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3321
3318
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3322
3319
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3323
- "danger-textHigh": `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
+ */
3324
3323
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3325
3324
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3326
3325
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3424,11 +3423,11 @@ export declare const text: {
3424
3423
  default: string;
3425
3424
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3426
3425
  };
3427
- "primary-surface": {
3426
+ "primary-interactive": {
3428
3427
  default: string;
3429
3428
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3430
3429
  };
3431
- "primary-interactive": {
3430
+ "primary-surface": {
3432
3431
  default: string;
3433
3432
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3434
3433
  };
@@ -3436,7 +3435,7 @@ export declare const text: {
3436
3435
  default: string;
3437
3436
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3438
3437
  };
3439
- "primary-textHigh": {
3438
+ "success-textLow": {
3440
3439
  default: string;
3441
3440
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3442
3441
  };
@@ -3444,79 +3443,79 @@ export declare const text: {
3444
3443
  default: string;
3445
3444
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3446
3445
  };
3447
- "success-textLow": {
3446
+ "warning-interactive": {
3448
3447
  default: string;
3449
3448
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3450
3449
  };
3451
- "success-interactivePressed": {
3450
+ "warning-surface": {
3452
3451
  default: string;
3453
3452
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3454
3453
  };
3455
- "success-textHigh": {
3454
+ "warning-textLow": {
3456
3455
  default: string;
3457
3456
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3458
3457
  };
3459
- "warning-surface": {
3458
+ "danger-interactive": {
3460
3459
  default: string;
3461
3460
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3462
3461
  };
3463
- "warning-interactive": {
3462
+ "danger-surface": {
3464
3463
  default: string;
3465
3464
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3466
3465
  };
3467
- "warning-textLow": {
3466
+ "danger-textLow": {
3468
3467
  default: string;
3469
3468
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3470
3469
  };
3471
- "warning-textHigh": {
3470
+ "neutral-background": {
3472
3471
  default: string;
3473
3472
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3474
3473
  };
3475
- "danger-surface": {
3474
+ "neutral-interactive": {
3476
3475
  default: string;
3477
3476
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3478
3477
  };
3479
- "danger-interactive": {
3478
+ "neutral-surface": {
3480
3479
  default: string;
3481
3480
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3482
3481
  };
3483
- "danger-textLow": {
3482
+ "neutral-textLow": {
3484
3483
  default: string;
3485
3484
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3486
3485
  };
3487
- "danger-textHigh": {
3486
+ "neutral-textHigh": {
3488
3487
  default: string;
3489
3488
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3490
3489
  };
3491
- "neutral-background": {
3490
+ "success-interactive": {
3492
3491
  default: string;
3493
3492
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3494
3493
  };
3495
- "neutral-surface": {
3494
+ "ai-generative": {
3496
3495
  default: string;
3497
3496
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3498
3497
  };
3499
- "neutral-interactive": {
3498
+ "primary-textHigh": {
3500
3499
  default: string;
3501
3500
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3502
3501
  };
3503
- "neutral-textDisabled": {
3502
+ "success-interactivePressed": {
3504
3503
  default: string;
3505
3504
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3506
3505
  };
3507
- "neutral-textLow": {
3506
+ "success-textHigh": {
3508
3507
  default: string;
3509
3508
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3510
3509
  };
3511
- "neutral-textHigh": {
3510
+ "warning-textHigh": {
3512
3511
  default: string;
3513
3512
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3514
3513
  };
3515
- "success-interactive": {
3514
+ "danger-textHigh": {
3516
3515
  default: string;
3517
3516
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3518
3517
  };
3519
- "ai-generative": {
3518
+ "neutral-textDisabled": {
3520
3519
  default: string;
3521
3520
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3522
3521
  };
@@ -3552,15 +3551,15 @@ export declare const text: {
3552
3551
  };
3553
3552
  textAlign: {
3554
3553
  values: {
3555
- center: {
3554
+ left: {
3556
3555
  default: string;
3557
3556
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3558
3557
  };
3559
- left: {
3558
+ right: {
3560
3559
  default: string;
3561
3560
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3562
3561
  };
3563
- right: {
3562
+ center: {
3564
3563
  default: string;
3565
3564
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3566
3565
  };
@@ -3694,11 +3693,11 @@ export declare const text: {
3694
3693
  };
3695
3694
  whiteSpace: {
3696
3695
  values: {
3697
- pre: {
3696
+ normal: {
3698
3697
  default: string;
3699
3698
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3700
3699
  };
3701
- normal: {
3700
+ pre: {
3702
3701
  default: string;
3703
3702
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3704
3703
  };
@@ -3724,11 +3723,11 @@ export declare const text: {
3724
3723
  };
3725
3724
  overflow: {
3726
3725
  values: {
3727
- hidden: {
3726
+ auto: {
3728
3727
  default: string;
3729
3728
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3730
3729
  };
3731
- auto: {
3730
+ hidden: {
3732
3731
  default: string;
3733
3732
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3734
3733
  };
@@ -3847,30 +3846,18 @@ export declare const text: {
3847
3846
  };
3848
3847
  declare const propertiesTitle: {
3849
3848
  color: {
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})`;
3853
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3854
3849
  "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})`;
3858
- "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3850
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3851
+ "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3859
3852
  "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})`;
3862
- "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3853
+ "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3863
3854
  "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})`;
3866
- "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3855
+ "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3867
3856
  "danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})`;
3857
+ "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3873
3858
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3859
+ "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3860
+ "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3874
3861
  };
3875
3862
  textAlign: TextAlign[];
3876
3863
  fontSize: {
@@ -3965,17 +3952,17 @@ export interface TitleSprinkle {
3965
3952
  textAlign?: TextAlign | TitleConditions<TextAlign>;
3966
3953
  /**
3967
3954
  * The color property is used to set the color of the title.
3968
- * @default neutral-textHigh
3955
+ * @default neutral-textLow
3969
3956
  */
3970
3957
  color?: TitleColorProperties | TitleConditions<TitleColorProperties>;
3971
3958
  }
3972
3959
  export declare const title: {
3973
3960
  sprinkle: ((props: {
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;
3961
+ color?: "primary-interactive" | "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-background" | "neutral-textLow" | "neutral-textHigh" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | {
3962
+ xs?: "primary-interactive" | "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-background" | "neutral-textLow" | "neutral-textHigh" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | undefined;
3963
+ md?: "primary-interactive" | "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-background" | "neutral-textLow" | "neutral-textHigh" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | undefined;
3964
+ lg?: "primary-interactive" | "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-background" | "neutral-textLow" | "neutral-textHigh" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | undefined;
3965
+ xl?: "primary-interactive" | "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-background" | "neutral-textLow" | "neutral-textHigh" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | undefined;
3979
3966
  } | undefined;
3980
3967
  textAlign?: TextAlign | {
3981
3968
  xs?: TextAlign | undefined;
@@ -4006,30 +3993,18 @@ export declare const title: {
4006
3993
  };
4007
3994
  properties: {
4008
3995
  color: {
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})`;
4012
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4013
3996
  "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})`;
4017
- "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3997
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3998
+ "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4018
3999
  "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})`;
4021
- "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4000
+ "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4022
4001
  "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})`;
4025
- "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4002
+ "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4026
4003
  "danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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})`;
4004
+ "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4032
4005
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4006
+ "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4007
+ "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4033
4008
  };
4034
4009
  textAlign: TextAlign[];
4035
4010
  fontSize: {
@@ -4256,10 +4231,6 @@ export declare const popover: {
4256
4231
  config: {
4257
4232
  backgroundColor: {
4258
4233
  values: {
4259
- "neutral-background": {
4260
- default: string;
4261
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4262
- };
4263
4234
  "primary-surfaceHighlight": {
4264
4235
  default: string;
4265
4236
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -4276,6 +4247,10 @@ export declare const popover: {
4276
4247
  default: string;
4277
4248
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4278
4249
  };
4250
+ "neutral-background": {
4251
+ default: string;
4252
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4253
+ };
4279
4254
  "neutral-surfaceHighlight": {
4280
4255
  default: string;
4281
4256
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -4302,11 +4277,11 @@ export declare const popover: {
4302
4277
  default: string;
4303
4278
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4304
4279
  };
4305
- small: {
4280
+ none: {
4306
4281
  default: string;
4307
4282
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4308
4283
  };
4309
- none: {
4284
+ small: {
4310
4285
  default: string;
4311
4286
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4312
4287
  };
@@ -4320,10 +4295,6 @@ export declare const popover: {
4320
4295
  };
4321
4296
  color: {
4322
4297
  values: {
4323
- "neutral-background": {
4324
- default: string;
4325
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4326
- };
4327
4298
  "primary-surfaceHighlight": {
4328
4299
  default: string;
4329
4300
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -4340,6 +4311,10 @@ export declare const popover: {
4340
4311
  default: string;
4341
4312
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4342
4313
  };
4314
+ "neutral-background": {
4315
+ default: string;
4316
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4317
+ };
4343
4318
  "neutral-surfaceHighlight": {
4344
4319
  default: string;
4345
4320
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -4424,11 +4399,11 @@ export declare const popover: {
4424
4399
  };
4425
4400
  overflow: {
4426
4401
  values: {
4427
- hidden: {
4402
+ auto: {
4428
4403
  default: string;
4429
4404
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4430
4405
  };
4431
- auto: {
4406
+ hidden: {
4432
4407
  default: string;
4433
4408
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
4434
4409
  };
@@ -4487,7 +4462,7 @@ export declare const popover: {
4487
4462
  } & {
4488
4463
  config: {
4489
4464
  [x: string]: {
4490
- mappings: ("width" | "zIndex" | "color" | "backgroundColor" | "height" | "maxWidth" | "overflow" | "padding")[];
4465
+ mappings: ("width" | "zIndex" | "backgroundColor" | "color" | "height" | "maxWidth" | "overflow" | "padding")[];
4491
4466
  };
4492
4467
  };
4493
4468
  }
@@ -4569,7 +4544,7 @@ export declare const skeleton: {
4569
4544
  };
4570
4545
  export declare const spinner: {
4571
4546
  sprinkle: ((props: {
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;
4547
+ 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;
4573
4548
  }) => string) & {
4574
4549
  properties: Set<"color">;
4575
4550
  };
@@ -4818,7 +4793,7 @@ export declare const card: {
4818
4793
  subComponents: {
4819
4794
  header: {
4820
4795
  sprinkle: ((props: {
4821
- padding?: "base" | "small" | "none" | undefined;
4796
+ padding?: "base" | "none" | "small" | undefined;
4822
4797
  }) => string) & {
4823
4798
  properties: Set<"padding">;
4824
4799
  };
@@ -4832,7 +4807,7 @@ export declare const card: {
4832
4807
  };
4833
4808
  body: {
4834
4809
  sprinkle: ((props: {
4835
- padding?: "base" | "small" | "none" | undefined;
4810
+ padding?: "base" | "none" | "small" | undefined;
4836
4811
  }) => string) & {
4837
4812
  properties: Set<"padding">;
4838
4813
  };
@@ -4846,7 +4821,7 @@ export declare const card: {
4846
4821
  };
4847
4822
  footer: {
4848
4823
  sprinkle: ((props: {
4849
- padding?: "base" | "small" | "none" | undefined;
4824
+ padding?: "base" | "none" | "small" | undefined;
4850
4825
  }) => string) & {
4851
4826
  properties: Set<"padding">;
4852
4827
  };
@@ -4860,8 +4835,8 @@ export declare const card: {
4860
4835
  };
4861
4836
  };
4862
4837
  sprinkle: ((props: {
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;
4864
- padding?: "base" | "small" | "none" | undefined;
4838
+ backgroundColor?: "primary-surface" | "primary-surfaceHighlight" | "success-surface" | "success-surfaceHighlight" | "warning-surface" | "warning-surfaceHighlight" | "danger-surface" | "danger-surfaceHighlight" | "neutral-background" | "neutral-surface" | "neutral-surfaceHighlight" | undefined;
4839
+ padding?: "base" | "none" | "small" | undefined;
4865
4840
  }) => string) & {
4866
4841
  properties: Set<"backgroundColor" | "padding">;
4867
4842
  };
@@ -4927,7 +4902,7 @@ export declare const modal: {
4927
4902
  subComponents: {
4928
4903
  header: {
4929
4904
  sprinkle: ((props: {
4930
- padding?: "base" | "small" | "none" | undefined;
4905
+ padding?: "base" | "none" | "small" | undefined;
4931
4906
  }) => string) & {
4932
4907
  properties: Set<"padding">;
4933
4908
  };
@@ -4942,7 +4917,7 @@ export declare const modal: {
4942
4917
  };
4943
4918
  body: {
4944
4919
  sprinkle: ((props: {
4945
- padding?: "base" | "small" | "none" | undefined;
4920
+ padding?: "base" | "none" | "small" | undefined;
4946
4921
  }) => string) & {
4947
4922
  properties: Set<"padding">;
4948
4923
  };
@@ -4956,7 +4931,7 @@ export declare const modal: {
4956
4931
  };
4957
4932
  footer: {
4958
4933
  sprinkle: ((props: {
4959
- padding?: "base" | "small" | "none" | undefined;
4934
+ padding?: "base" | "none" | "small" | undefined;
4960
4935
  }) => string) & {
4961
4936
  properties: Set<"padding">;
4962
4937
  };
@@ -5094,11 +5069,11 @@ declare const sidebarSprinkle: {
5094
5069
  default: string;
5095
5070
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
5096
5071
  };
5097
- small: {
5072
+ none: {
5098
5073
  default: string;
5099
5074
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
5100
5075
  };
5101
- none: {
5076
+ small: {
5102
5077
  default: string;
5103
5078
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
5104
5079
  };
@@ -5245,11 +5220,11 @@ export declare const sidebar: {
5245
5220
  default: string;
5246
5221
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
5247
5222
  };
5248
- small: {
5223
+ none: {
5249
5224
  default: string;
5250
5225
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
5251
5226
  };
5252
- none: {
5227
+ small: {
5253
5228
  default: string;
5254
5229
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
5255
5230
  };