@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/CHANGELOG.md +13 -0
- package/dist/CHANGELOG.md +13 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +99 -124
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/dark/index.js +1 -1
- package/dist/themes/dark.css +1 -1
- package/dist/themes/next/index.js +1 -1
- package/dist/themes/next-dark/index.js +1 -1
- package/dist/themes/next-dark.css +1 -1
- package/dist/themes/next.css +1 -1
- package/package.json +1 -1
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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" | "
|
|
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-
|
|
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-
|
|
3426
|
+
"primary-interactive": {
|
|
3428
3427
|
default: string;
|
|
3429
3428
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3430
3429
|
};
|
|
3431
|
-
"primary-
|
|
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
|
-
"
|
|
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
|
-
"
|
|
3446
|
+
"warning-interactive": {
|
|
3448
3447
|
default: string;
|
|
3449
3448
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3450
3449
|
};
|
|
3451
|
-
"
|
|
3450
|
+
"warning-surface": {
|
|
3452
3451
|
default: string;
|
|
3453
3452
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3454
3453
|
};
|
|
3455
|
-
"
|
|
3454
|
+
"warning-textLow": {
|
|
3456
3455
|
default: string;
|
|
3457
3456
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3458
3457
|
};
|
|
3459
|
-
"
|
|
3458
|
+
"danger-interactive": {
|
|
3460
3459
|
default: string;
|
|
3461
3460
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3462
3461
|
};
|
|
3463
|
-
"
|
|
3462
|
+
"danger-surface": {
|
|
3464
3463
|
default: string;
|
|
3465
3464
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3466
3465
|
};
|
|
3467
|
-
"
|
|
3466
|
+
"danger-textLow": {
|
|
3468
3467
|
default: string;
|
|
3469
3468
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3470
3469
|
};
|
|
3471
|
-
"
|
|
3470
|
+
"neutral-background": {
|
|
3472
3471
|
default: string;
|
|
3473
3472
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3474
3473
|
};
|
|
3475
|
-
"
|
|
3474
|
+
"neutral-interactive": {
|
|
3476
3475
|
default: string;
|
|
3477
3476
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3478
3477
|
};
|
|
3479
|
-
"
|
|
3478
|
+
"neutral-surface": {
|
|
3480
3479
|
default: string;
|
|
3481
3480
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3482
3481
|
};
|
|
3483
|
-
"
|
|
3482
|
+
"neutral-textLow": {
|
|
3484
3483
|
default: string;
|
|
3485
3484
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3486
3485
|
};
|
|
3487
|
-
"
|
|
3486
|
+
"neutral-textHigh": {
|
|
3488
3487
|
default: string;
|
|
3489
3488
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3490
3489
|
};
|
|
3491
|
-
"
|
|
3490
|
+
"success-interactive": {
|
|
3492
3491
|
default: string;
|
|
3493
3492
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3494
3493
|
};
|
|
3495
|
-
"
|
|
3494
|
+
"ai-generative": {
|
|
3496
3495
|
default: string;
|
|
3497
3496
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3498
3497
|
};
|
|
3499
|
-
"
|
|
3498
|
+
"primary-textHigh": {
|
|
3500
3499
|
default: string;
|
|
3501
3500
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3502
3501
|
};
|
|
3503
|
-
"
|
|
3502
|
+
"success-interactivePressed": {
|
|
3504
3503
|
default: string;
|
|
3505
3504
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3506
3505
|
};
|
|
3507
|
-
"
|
|
3506
|
+
"success-textHigh": {
|
|
3508
3507
|
default: string;
|
|
3509
3508
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3510
3509
|
};
|
|
3511
|
-
"
|
|
3510
|
+
"warning-textHigh": {
|
|
3512
3511
|
default: string;
|
|
3513
3512
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3514
3513
|
};
|
|
3515
|
-
"
|
|
3514
|
+
"danger-textHigh": {
|
|
3516
3515
|
default: string;
|
|
3517
3516
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3518
3517
|
};
|
|
3519
|
-
"
|
|
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
|
-
|
|
3554
|
+
left: {
|
|
3556
3555
|
default: string;
|
|
3557
3556
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3558
3557
|
};
|
|
3559
|
-
|
|
3558
|
+
right: {
|
|
3560
3559
|
default: string;
|
|
3561
3560
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3562
3561
|
};
|
|
3563
|
-
|
|
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
|
-
|
|
3696
|
+
normal: {
|
|
3698
3697
|
default: string;
|
|
3699
3698
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3700
3699
|
};
|
|
3701
|
-
|
|
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
|
-
|
|
3726
|
+
auto: {
|
|
3728
3727
|
default: string;
|
|
3729
3728
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3730
3729
|
};
|
|
3731
|
-
|
|
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
|
-
"
|
|
3856
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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-
|
|
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?: "
|
|
3975
|
-
xs?: "
|
|
3976
|
-
md?: "
|
|
3977
|
-
lg?: "
|
|
3978
|
-
xl?: "
|
|
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
|
-
"
|
|
4015
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
|
|
4280
|
+
none: {
|
|
4306
4281
|
default: string;
|
|
4307
4282
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
4308
4283
|
};
|
|
4309
|
-
|
|
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
|
-
|
|
4402
|
+
auto: {
|
|
4428
4403
|
default: string;
|
|
4429
4404
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
4430
4405
|
};
|
|
4431
|
-
|
|
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" | "
|
|
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-
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
4864
|
-
padding?: "base" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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
|
-
|
|
5072
|
+
none: {
|
|
5098
5073
|
default: string;
|
|
5099
5074
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
5100
5075
|
};
|
|
5101
|
-
|
|
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
|
-
|
|
5223
|
+
none: {
|
|
5249
5224
|
default: string;
|
|
5250
5225
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
5251
5226
|
};
|
|
5252
|
-
|
|
5227
|
+
small: {
|
|
5253
5228
|
default: string;
|
|
5254
5229
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
5255
5230
|
};
|