@rarui/styles 1.11.0 → 1.13.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.
- package/CHANGELOG.md +13 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +482 -5
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/dark.d.ts +1 -1
- package/dist/themes/dark.js +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated by dts-bundle-generator v9.
|
|
1
|
+
// Generated by dts-bundle-generator v9.5.1
|
|
2
2
|
|
|
3
3
|
import { RecipeVariants } from '@vanilla-extract/recipes';
|
|
4
4
|
import React$1 from 'react';
|
|
@@ -7322,6 +7322,149 @@ export declare const icon: {
|
|
|
7322
7322
|
}
|
|
7323
7323
|
]>;
|
|
7324
7324
|
};
|
|
7325
|
+
declare const styles$2: {
|
|
7326
|
+
iconButton: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7327
|
+
appearance: {
|
|
7328
|
+
brand: {
|
|
7329
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7330
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7331
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7332
|
+
};
|
|
7333
|
+
danger: {
|
|
7334
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7335
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7336
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7337
|
+
};
|
|
7338
|
+
success: {
|
|
7339
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7340
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7341
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7342
|
+
};
|
|
7343
|
+
warning: {
|
|
7344
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7345
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7346
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7347
|
+
};
|
|
7348
|
+
neutral: {
|
|
7349
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7350
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7351
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7352
|
+
};
|
|
7353
|
+
inverted: {
|
|
7354
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7355
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7356
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7357
|
+
};
|
|
7358
|
+
};
|
|
7359
|
+
variant: {
|
|
7360
|
+
solid: {};
|
|
7361
|
+
outlined: {
|
|
7362
|
+
backgroundColor: "transparent";
|
|
7363
|
+
};
|
|
7364
|
+
ghost: {
|
|
7365
|
+
backgroundColor: "transparent";
|
|
7366
|
+
textDecoration: "underline";
|
|
7367
|
+
border: "none";
|
|
7368
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7369
|
+
":hover": {
|
|
7370
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7371
|
+
};
|
|
7372
|
+
":active": {
|
|
7373
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7374
|
+
};
|
|
7375
|
+
};
|
|
7376
|
+
tonal: {
|
|
7377
|
+
border: "none";
|
|
7378
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7379
|
+
};
|
|
7380
|
+
};
|
|
7381
|
+
rounded: {
|
|
7382
|
+
true: {
|
|
7383
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7384
|
+
":hover": {
|
|
7385
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7386
|
+
};
|
|
7387
|
+
":active": {
|
|
7388
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7389
|
+
};
|
|
7390
|
+
};
|
|
7391
|
+
};
|
|
7392
|
+
}>;
|
|
7393
|
+
overlay: string;
|
|
7394
|
+
};
|
|
7395
|
+
export type IconButtonVariants = RecipeVariants<typeof styles$2.iconButton>;
|
|
7396
|
+
export declare const iconButton: {
|
|
7397
|
+
classnames: {
|
|
7398
|
+
iconButton: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7399
|
+
appearance: {
|
|
7400
|
+
brand: {
|
|
7401
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7402
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7403
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7404
|
+
};
|
|
7405
|
+
danger: {
|
|
7406
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7407
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7408
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7409
|
+
};
|
|
7410
|
+
success: {
|
|
7411
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7412
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7413
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7414
|
+
};
|
|
7415
|
+
warning: {
|
|
7416
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7417
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7418
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7419
|
+
};
|
|
7420
|
+
neutral: {
|
|
7421
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7422
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7423
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7424
|
+
};
|
|
7425
|
+
inverted: {
|
|
7426
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7427
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7428
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7429
|
+
};
|
|
7430
|
+
};
|
|
7431
|
+
variant: {
|
|
7432
|
+
solid: {};
|
|
7433
|
+
outlined: {
|
|
7434
|
+
backgroundColor: "transparent";
|
|
7435
|
+
};
|
|
7436
|
+
ghost: {
|
|
7437
|
+
backgroundColor: "transparent";
|
|
7438
|
+
textDecoration: "underline";
|
|
7439
|
+
border: "none";
|
|
7440
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7441
|
+
":hover": {
|
|
7442
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7443
|
+
};
|
|
7444
|
+
":active": {
|
|
7445
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7446
|
+
};
|
|
7447
|
+
};
|
|
7448
|
+
tonal: {
|
|
7449
|
+
border: "none";
|
|
7450
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7451
|
+
};
|
|
7452
|
+
};
|
|
7453
|
+
rounded: {
|
|
7454
|
+
true: {
|
|
7455
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7456
|
+
":hover": {
|
|
7457
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7458
|
+
};
|
|
7459
|
+
":active": {
|
|
7460
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7461
|
+
};
|
|
7462
|
+
};
|
|
7463
|
+
};
|
|
7464
|
+
}>;
|
|
7465
|
+
overlay: string;
|
|
7466
|
+
};
|
|
7467
|
+
};
|
|
7325
7468
|
export declare const link: {
|
|
7326
7469
|
classnames: {
|
|
7327
7470
|
link: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -7474,7 +7617,7 @@ export declare const skeleton: {
|
|
|
7474
7617
|
}
|
|
7475
7618
|
]>;
|
|
7476
7619
|
};
|
|
7477
|
-
declare const styles$
|
|
7620
|
+
declare const styles$3: {
|
|
7478
7621
|
status: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7479
7622
|
appearance: {
|
|
7480
7623
|
success: {
|
|
@@ -7527,7 +7670,7 @@ declare const styles$2: {
|
|
|
7527
7670
|
};
|
|
7528
7671
|
}>;
|
|
7529
7672
|
};
|
|
7530
|
-
export type StatusVariants = RecipeVariants<typeof styles$
|
|
7673
|
+
export type StatusVariants = RecipeVariants<typeof styles$3.status>;
|
|
7531
7674
|
declare const status$1: {
|
|
7532
7675
|
classnames: {
|
|
7533
7676
|
status: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -8167,7 +8310,341 @@ export declare const title: {
|
|
|
8167
8310
|
}
|
|
8168
8311
|
]>;
|
|
8169
8312
|
};
|
|
8170
|
-
declare const styles$
|
|
8313
|
+
declare const styles$4: {
|
|
8314
|
+
banner: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8315
|
+
appearance: {
|
|
8316
|
+
brand: {
|
|
8317
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8318
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8319
|
+
};
|
|
8320
|
+
info: {
|
|
8321
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8322
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8323
|
+
};
|
|
8324
|
+
neutral: {
|
|
8325
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8326
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8327
|
+
};
|
|
8328
|
+
inverted: {
|
|
8329
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8330
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8331
|
+
};
|
|
8332
|
+
warning: {
|
|
8333
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8334
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8335
|
+
};
|
|
8336
|
+
error: {
|
|
8337
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8338
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8339
|
+
};
|
|
8340
|
+
};
|
|
8341
|
+
floating: {
|
|
8342
|
+
true: {
|
|
8343
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8344
|
+
};
|
|
8345
|
+
};
|
|
8346
|
+
}>;
|
|
8347
|
+
};
|
|
8348
|
+
export type BannerVariants = RecipeVariants<typeof styles$4.banner>;
|
|
8349
|
+
export declare const banner: {
|
|
8350
|
+
classnames: {
|
|
8351
|
+
banner: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8352
|
+
appearance: {
|
|
8353
|
+
brand: {
|
|
8354
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8355
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8356
|
+
};
|
|
8357
|
+
info: {
|
|
8358
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8359
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8360
|
+
};
|
|
8361
|
+
neutral: {
|
|
8362
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8363
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8364
|
+
};
|
|
8365
|
+
inverted: {
|
|
8366
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8367
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8368
|
+
};
|
|
8369
|
+
warning: {
|
|
8370
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8371
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8372
|
+
};
|
|
8373
|
+
error: {
|
|
8374
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8375
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8376
|
+
};
|
|
8377
|
+
};
|
|
8378
|
+
floating: {
|
|
8379
|
+
true: {
|
|
8380
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8381
|
+
};
|
|
8382
|
+
};
|
|
8383
|
+
}>;
|
|
8384
|
+
};
|
|
8385
|
+
};
|
|
8386
|
+
declare const styles$5: {
|
|
8387
|
+
toast: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8388
|
+
placement: {
|
|
8389
|
+
topRight: {};
|
|
8390
|
+
};
|
|
8391
|
+
appearance: {
|
|
8392
|
+
info: {
|
|
8393
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8394
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8395
|
+
};
|
|
8396
|
+
success: {
|
|
8397
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8398
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8399
|
+
};
|
|
8400
|
+
warning: {
|
|
8401
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8402
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8403
|
+
};
|
|
8404
|
+
error: {
|
|
8405
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8406
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8407
|
+
};
|
|
8408
|
+
neutral: {
|
|
8409
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8410
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8411
|
+
};
|
|
8412
|
+
invert: {
|
|
8413
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8414
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8415
|
+
};
|
|
8416
|
+
};
|
|
8417
|
+
size: {
|
|
8418
|
+
small: {
|
|
8419
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
|
|
8420
|
+
};
|
|
8421
|
+
medium: {
|
|
8422
|
+
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8423
|
+
};
|
|
8424
|
+
large: {
|
|
8425
|
+
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8426
|
+
};
|
|
8427
|
+
};
|
|
8428
|
+
variant: {
|
|
8429
|
+
solid: {};
|
|
8430
|
+
tonal: {
|
|
8431
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8432
|
+
};
|
|
8433
|
+
ghost: {
|
|
8434
|
+
borderLeft: "solid";
|
|
8435
|
+
borderWidth: "4px";
|
|
8436
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8437
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8438
|
+
};
|
|
8439
|
+
};
|
|
8440
|
+
}>;
|
|
8441
|
+
container: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8442
|
+
placement: {
|
|
8443
|
+
bottomCenter: {
|
|
8444
|
+
left: "50%";
|
|
8445
|
+
transform: "translate(-50%)";
|
|
8446
|
+
bottom: "2rem";
|
|
8447
|
+
};
|
|
8448
|
+
bottomLeft: {
|
|
8449
|
+
left: number;
|
|
8450
|
+
bottom: "2rem";
|
|
8451
|
+
};
|
|
8452
|
+
bottomRight: {
|
|
8453
|
+
right: number;
|
|
8454
|
+
bottom: "2rem";
|
|
8455
|
+
};
|
|
8456
|
+
topCenter: {
|
|
8457
|
+
left: "50%";
|
|
8458
|
+
transform: "translate(-50%)";
|
|
8459
|
+
top: "2rem";
|
|
8460
|
+
};
|
|
8461
|
+
topLeft: {
|
|
8462
|
+
left: number;
|
|
8463
|
+
top: "2rem";
|
|
8464
|
+
};
|
|
8465
|
+
topRight: {
|
|
8466
|
+
right: number;
|
|
8467
|
+
top: "2rem";
|
|
8468
|
+
};
|
|
8469
|
+
};
|
|
8470
|
+
}>;
|
|
8471
|
+
content: string;
|
|
8472
|
+
toastContainer: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8473
|
+
position: {
|
|
8474
|
+
bottomRight: {
|
|
8475
|
+
right: number;
|
|
8476
|
+
bottom: number;
|
|
8477
|
+
};
|
|
8478
|
+
topRight: {
|
|
8479
|
+
top: number;
|
|
8480
|
+
right: number;
|
|
8481
|
+
};
|
|
8482
|
+
bottomLeft: {
|
|
8483
|
+
bottom: number;
|
|
8484
|
+
left: number;
|
|
8485
|
+
};
|
|
8486
|
+
topLeft: {
|
|
8487
|
+
top: number;
|
|
8488
|
+
left: number;
|
|
8489
|
+
};
|
|
8490
|
+
};
|
|
8491
|
+
}>;
|
|
8492
|
+
wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8493
|
+
placement: {
|
|
8494
|
+
bottomCenter: {
|
|
8495
|
+
animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
|
|
8496
|
+
};
|
|
8497
|
+
bottomLeft: {
|
|
8498
|
+
animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
|
|
8499
|
+
};
|
|
8500
|
+
bottomRight: {
|
|
8501
|
+
animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
|
|
8502
|
+
};
|
|
8503
|
+
topCenter: {
|
|
8504
|
+
animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
|
|
8505
|
+
};
|
|
8506
|
+
topLeft: {
|
|
8507
|
+
animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
|
|
8508
|
+
};
|
|
8509
|
+
topRight: {
|
|
8510
|
+
animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
|
|
8511
|
+
};
|
|
8512
|
+
};
|
|
8513
|
+
}>;
|
|
8514
|
+
};
|
|
8515
|
+
export type ToastVariants = RecipeVariants<typeof styles$5.toast>;
|
|
8516
|
+
export declare const toast: {
|
|
8517
|
+
classnames: {
|
|
8518
|
+
toast: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8519
|
+
placement: {
|
|
8520
|
+
topRight: {};
|
|
8521
|
+
};
|
|
8522
|
+
appearance: {
|
|
8523
|
+
info: {
|
|
8524
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8525
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8526
|
+
};
|
|
8527
|
+
success: {
|
|
8528
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8529
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8530
|
+
};
|
|
8531
|
+
warning: {
|
|
8532
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8533
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8534
|
+
};
|
|
8535
|
+
error: {
|
|
8536
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8537
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8538
|
+
};
|
|
8539
|
+
neutral: {
|
|
8540
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8541
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8542
|
+
};
|
|
8543
|
+
invert: {
|
|
8544
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8545
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8546
|
+
};
|
|
8547
|
+
};
|
|
8548
|
+
size: {
|
|
8549
|
+
small: {
|
|
8550
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
|
|
8551
|
+
};
|
|
8552
|
+
medium: {
|
|
8553
|
+
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8554
|
+
};
|
|
8555
|
+
large: {
|
|
8556
|
+
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8557
|
+
};
|
|
8558
|
+
};
|
|
8559
|
+
variant: {
|
|
8560
|
+
solid: {};
|
|
8561
|
+
tonal: {
|
|
8562
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8563
|
+
};
|
|
8564
|
+
ghost: {
|
|
8565
|
+
borderLeft: "solid";
|
|
8566
|
+
borderWidth: "4px";
|
|
8567
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8568
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8569
|
+
};
|
|
8570
|
+
};
|
|
8571
|
+
}>;
|
|
8572
|
+
container: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8573
|
+
placement: {
|
|
8574
|
+
bottomCenter: {
|
|
8575
|
+
left: "50%";
|
|
8576
|
+
transform: "translate(-50%)";
|
|
8577
|
+
bottom: "2rem";
|
|
8578
|
+
};
|
|
8579
|
+
bottomLeft: {
|
|
8580
|
+
left: number;
|
|
8581
|
+
bottom: "2rem";
|
|
8582
|
+
};
|
|
8583
|
+
bottomRight: {
|
|
8584
|
+
right: number;
|
|
8585
|
+
bottom: "2rem";
|
|
8586
|
+
};
|
|
8587
|
+
topCenter: {
|
|
8588
|
+
left: "50%";
|
|
8589
|
+
transform: "translate(-50%)";
|
|
8590
|
+
top: "2rem";
|
|
8591
|
+
};
|
|
8592
|
+
topLeft: {
|
|
8593
|
+
left: number;
|
|
8594
|
+
top: "2rem";
|
|
8595
|
+
};
|
|
8596
|
+
topRight: {
|
|
8597
|
+
right: number;
|
|
8598
|
+
top: "2rem";
|
|
8599
|
+
};
|
|
8600
|
+
};
|
|
8601
|
+
}>;
|
|
8602
|
+
content: string;
|
|
8603
|
+
toastContainer: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8604
|
+
position: {
|
|
8605
|
+
bottomRight: {
|
|
8606
|
+
right: number;
|
|
8607
|
+
bottom: number;
|
|
8608
|
+
};
|
|
8609
|
+
topRight: {
|
|
8610
|
+
top: number;
|
|
8611
|
+
right: number;
|
|
8612
|
+
};
|
|
8613
|
+
bottomLeft: {
|
|
8614
|
+
bottom: number;
|
|
8615
|
+
left: number;
|
|
8616
|
+
};
|
|
8617
|
+
topLeft: {
|
|
8618
|
+
top: number;
|
|
8619
|
+
left: number;
|
|
8620
|
+
};
|
|
8621
|
+
};
|
|
8622
|
+
}>;
|
|
8623
|
+
wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8624
|
+
placement: {
|
|
8625
|
+
bottomCenter: {
|
|
8626
|
+
animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
|
|
8627
|
+
};
|
|
8628
|
+
bottomLeft: {
|
|
8629
|
+
animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
|
|
8630
|
+
};
|
|
8631
|
+
bottomRight: {
|
|
8632
|
+
animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
|
|
8633
|
+
};
|
|
8634
|
+
topCenter: {
|
|
8635
|
+
animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
|
|
8636
|
+
};
|
|
8637
|
+
topLeft: {
|
|
8638
|
+
animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
|
|
8639
|
+
};
|
|
8640
|
+
topRight: {
|
|
8641
|
+
animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
|
|
8642
|
+
};
|
|
8643
|
+
};
|
|
8644
|
+
}>;
|
|
8645
|
+
};
|
|
8646
|
+
};
|
|
8647
|
+
declare const styles$6: {
|
|
8171
8648
|
toggle: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8172
8649
|
size: {
|
|
8173
8650
|
large: {
|
|
@@ -8236,7 +8713,7 @@ declare const styles$3: {
|
|
|
8236
8713
|
};
|
|
8237
8714
|
}>;
|
|
8238
8715
|
};
|
|
8239
|
-
export type ToggleVariants = RecipeVariants<typeof styles$
|
|
8716
|
+
export type ToggleVariants = RecipeVariants<typeof styles$6.toggle>;
|
|
8240
8717
|
export declare const toggle: {
|
|
8241
8718
|
classnames: {
|
|
8242
8719
|
toggle: import("@vanilla-extract/recipes").RuntimeFn<{
|