@rarui/styles 1.29.0 → 1.30.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 +6 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +275 -0
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -10147,6 +10147,281 @@ export declare const breadcrumb: {
|
|
|
10147
10147
|
}>;
|
|
10148
10148
|
};
|
|
10149
10149
|
};
|
|
10150
|
+
declare const cardStyles: {
|
|
10151
|
+
card: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10152
|
+
/**
|
|
10153
|
+
* Specifies the padding inside the card.
|
|
10154
|
+
* This prop accepts one of the following values: "none" or "base".
|
|
10155
|
+
* @default base
|
|
10156
|
+
*/
|
|
10157
|
+
padding: {
|
|
10158
|
+
base: {
|
|
10159
|
+
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10160
|
+
};
|
|
10161
|
+
none: {
|
|
10162
|
+
padding: number;
|
|
10163
|
+
};
|
|
10164
|
+
};
|
|
10165
|
+
}>;
|
|
10166
|
+
};
|
|
10167
|
+
declare const cardBackgroundColorProperties: {
|
|
10168
|
+
transparent: string;
|
|
10169
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10170
|
+
primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10171
|
+
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10172
|
+
};
|
|
10173
|
+
export type CardVariants = NonNullable<RecipeVariants<typeof cardStyles.card>>;
|
|
10174
|
+
export interface CardSprinkle {
|
|
10175
|
+
/**
|
|
10176
|
+
* Specifies the background color of the card.
|
|
10177
|
+
* This prop accepts one of the following values: "$transparent", "$background", "$primary", or "$secondary"
|
|
10178
|
+
* @default $primary
|
|
10179
|
+
* @examples ["$brand", { xs: "$brand", md: "$secondary" }]
|
|
10180
|
+
*/
|
|
10181
|
+
backgroundColor?: AddDollar<keyof typeof cardBackgroundColorProperties> | Conditions<AddDollar<keyof typeof cardBackgroundColorProperties>>;
|
|
10182
|
+
}
|
|
10183
|
+
export declare const card: {
|
|
10184
|
+
classnames: {
|
|
10185
|
+
card: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10186
|
+
padding: {
|
|
10187
|
+
base: {
|
|
10188
|
+
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10189
|
+
};
|
|
10190
|
+
none: {
|
|
10191
|
+
padding: number;
|
|
10192
|
+
};
|
|
10193
|
+
};
|
|
10194
|
+
}>;
|
|
10195
|
+
};
|
|
10196
|
+
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
10197
|
+
{
|
|
10198
|
+
config: {
|
|
10199
|
+
backgroundColor: {
|
|
10200
|
+
values: {
|
|
10201
|
+
background: {
|
|
10202
|
+
default: string;
|
|
10203
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10204
|
+
};
|
|
10205
|
+
brand: {
|
|
10206
|
+
default: string;
|
|
10207
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10208
|
+
};
|
|
10209
|
+
"brand-hover": {
|
|
10210
|
+
default: string;
|
|
10211
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10212
|
+
};
|
|
10213
|
+
"brand-press": {
|
|
10214
|
+
default: string;
|
|
10215
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10216
|
+
};
|
|
10217
|
+
"brand-subdued": {
|
|
10218
|
+
default: string;
|
|
10219
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10220
|
+
};
|
|
10221
|
+
disabled: {
|
|
10222
|
+
default: string;
|
|
10223
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10224
|
+
};
|
|
10225
|
+
error: {
|
|
10226
|
+
default: string;
|
|
10227
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10228
|
+
};
|
|
10229
|
+
"error-hover": {
|
|
10230
|
+
default: string;
|
|
10231
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10232
|
+
};
|
|
10233
|
+
"error-press": {
|
|
10234
|
+
default: string;
|
|
10235
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10236
|
+
};
|
|
10237
|
+
"error-subdued": {
|
|
10238
|
+
default: string;
|
|
10239
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10240
|
+
};
|
|
10241
|
+
hover: {
|
|
10242
|
+
default: string;
|
|
10243
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10244
|
+
};
|
|
10245
|
+
info: {
|
|
10246
|
+
default: string;
|
|
10247
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10248
|
+
};
|
|
10249
|
+
"info-hover": {
|
|
10250
|
+
default: string;
|
|
10251
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10252
|
+
};
|
|
10253
|
+
"info-press": {
|
|
10254
|
+
default: string;
|
|
10255
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10256
|
+
};
|
|
10257
|
+
"info-subdued": {
|
|
10258
|
+
default: string;
|
|
10259
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10260
|
+
};
|
|
10261
|
+
invert: {
|
|
10262
|
+
default: string;
|
|
10263
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10264
|
+
};
|
|
10265
|
+
"invert-disabled": {
|
|
10266
|
+
default: string;
|
|
10267
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10268
|
+
};
|
|
10269
|
+
"invert-hover": {
|
|
10270
|
+
default: string;
|
|
10271
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10272
|
+
};
|
|
10273
|
+
"invert-press": {
|
|
10274
|
+
default: string;
|
|
10275
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10276
|
+
};
|
|
10277
|
+
"invert-secondary": {
|
|
10278
|
+
default: string;
|
|
10279
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10280
|
+
};
|
|
10281
|
+
"on-brand-hover": {
|
|
10282
|
+
default: string;
|
|
10283
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10284
|
+
};
|
|
10285
|
+
"on-brand-press": {
|
|
10286
|
+
default: string;
|
|
10287
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10288
|
+
};
|
|
10289
|
+
"on-error-hover": {
|
|
10290
|
+
default: string;
|
|
10291
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10292
|
+
};
|
|
10293
|
+
"on-error-press": {
|
|
10294
|
+
default: string;
|
|
10295
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10296
|
+
};
|
|
10297
|
+
"on-info-hover": {
|
|
10298
|
+
default: string;
|
|
10299
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10300
|
+
};
|
|
10301
|
+
"on-info-press": {
|
|
10302
|
+
default: string;
|
|
10303
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10304
|
+
};
|
|
10305
|
+
"on-success-hover": {
|
|
10306
|
+
default: string;
|
|
10307
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10308
|
+
};
|
|
10309
|
+
"on-success-press": {
|
|
10310
|
+
default: string;
|
|
10311
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10312
|
+
};
|
|
10313
|
+
"on-warning-hover": {
|
|
10314
|
+
default: string;
|
|
10315
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10316
|
+
};
|
|
10317
|
+
"on-warning-press": {
|
|
10318
|
+
default: string;
|
|
10319
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10320
|
+
};
|
|
10321
|
+
overlay: {
|
|
10322
|
+
default: string;
|
|
10323
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10324
|
+
};
|
|
10325
|
+
press: {
|
|
10326
|
+
default: string;
|
|
10327
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10328
|
+
};
|
|
10329
|
+
primary: {
|
|
10330
|
+
default: string;
|
|
10331
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10332
|
+
};
|
|
10333
|
+
secondary: {
|
|
10334
|
+
default: string;
|
|
10335
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10336
|
+
};
|
|
10337
|
+
success: {
|
|
10338
|
+
default: string;
|
|
10339
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10340
|
+
};
|
|
10341
|
+
"success-hover": {
|
|
10342
|
+
default: string;
|
|
10343
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10344
|
+
};
|
|
10345
|
+
"success-press": {
|
|
10346
|
+
default: string;
|
|
10347
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10348
|
+
};
|
|
10349
|
+
"success-subdued": {
|
|
10350
|
+
default: string;
|
|
10351
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10352
|
+
};
|
|
10353
|
+
warning: {
|
|
10354
|
+
default: string;
|
|
10355
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10356
|
+
};
|
|
10357
|
+
"warning-hover": {
|
|
10358
|
+
default: string;
|
|
10359
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10360
|
+
};
|
|
10361
|
+
"warning-press": {
|
|
10362
|
+
default: string;
|
|
10363
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10364
|
+
};
|
|
10365
|
+
"warning-subdued": {
|
|
10366
|
+
default: string;
|
|
10367
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10368
|
+
};
|
|
10369
|
+
transparent: {
|
|
10370
|
+
default: string;
|
|
10371
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10372
|
+
};
|
|
10373
|
+
};
|
|
10374
|
+
staticScale: {
|
|
10375
|
+
transparent: string;
|
|
10376
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10377
|
+
brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10378
|
+
"brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10379
|
+
"brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10380
|
+
"brand-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10381
|
+
disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10382
|
+
error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10383
|
+
"error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10384
|
+
"error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10385
|
+
"error-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10386
|
+
hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10387
|
+
info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10388
|
+
"info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10389
|
+
"info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10390
|
+
"info-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10391
|
+
invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10392
|
+
"invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10393
|
+
"invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10394
|
+
"invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10395
|
+
"invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10396
|
+
"on-brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10397
|
+
"on-brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10398
|
+
"on-error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10399
|
+
"on-error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10400
|
+
"on-info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10401
|
+
"on-info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10402
|
+
"on-success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10403
|
+
"on-success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10404
|
+
"on-warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10405
|
+
"on-warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10406
|
+
overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10407
|
+
press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10408
|
+
primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10409
|
+
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10410
|
+
success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10411
|
+
"success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10412
|
+
"success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10413
|
+
"success-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10414
|
+
warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10415
|
+
"warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10416
|
+
"warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10417
|
+
"warning-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10418
|
+
};
|
|
10419
|
+
name: "backgroundColor";
|
|
10420
|
+
};
|
|
10421
|
+
};
|
|
10422
|
+
}
|
|
10423
|
+
]>;
|
|
10424
|
+
};
|
|
10150
10425
|
export declare const datepicker: {
|
|
10151
10426
|
classnames: {
|
|
10152
10427
|
datepicker: string;
|