@nimbus-ds/styles 7.0.0-rc.2 → 7.0.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +168 -167
  4. package/dist/index.js +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +2 -2
package/dist/index.d.ts CHANGED
@@ -211,6 +211,7 @@ export type BoxGridGapProperties = keyof typeof propertiesBox.gridGap;
211
211
  export type TransitionDurationProperties = keyof typeof propertiesBox.transitionDuration;
212
212
  export interface BoxConditions<T> extends Conditions<T> {
213
213
  focus?: T;
214
+ focusWithin?: T;
214
215
  active?: T;
215
216
  hover?: T;
216
217
  disabled?: T;
@@ -303,27 +304,27 @@ export declare const box: {
303
304
  values: {
304
305
  grid: {
305
306
  default: string;
306
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
307
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
307
308
  };
308
309
  none: {
309
310
  default: string;
310
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
311
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
311
312
  };
312
313
  flex: {
313
314
  default: string;
314
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
315
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
315
316
  };
316
317
  block: {
317
318
  default: string;
318
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
319
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
319
320
  };
320
321
  "inline-flex": {
321
322
  default: string;
322
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
323
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
323
324
  };
324
325
  "inline-grid": {
325
326
  default: string;
326
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
327
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
327
328
  };
328
329
  };
329
330
  staticScale: Display[];
@@ -333,19 +334,19 @@ export declare const box: {
333
334
  values: {
334
335
  row: {
335
336
  default: string;
336
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
337
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
337
338
  };
338
339
  column: {
339
340
  default: string;
340
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
341
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
341
342
  };
342
343
  "column-reverse": {
343
344
  default: string;
344
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
345
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
345
346
  };
346
347
  "row-reverse": {
347
348
  default: string;
348
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
349
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
349
350
  };
350
351
  };
351
352
  staticScale: FlexDirection[];
@@ -355,15 +356,15 @@ export declare const box: {
355
356
  values: {
356
357
  nowrap: {
357
358
  default: string;
358
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
359
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
359
360
  };
360
361
  wrap: {
361
362
  default: string;
362
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
363
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
363
364
  };
364
365
  "wrap-reverse": {
365
366
  default: string;
366
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
367
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
367
368
  };
368
369
  };
369
370
  staticScale: FlexWrap[];
@@ -373,27 +374,27 @@ export declare const box: {
373
374
  values: {
374
375
  center: {
375
376
  default: string;
376
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
377
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
377
378
  };
378
379
  "flex-end": {
379
380
  default: string;
380
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
381
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
381
382
  };
382
383
  "flex-start": {
383
384
  default: string;
384
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
385
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
385
386
  };
386
387
  "space-around": {
387
388
  default: string;
388
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
389
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
389
390
  };
390
391
  "space-between": {
391
392
  default: string;
392
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
393
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
393
394
  };
394
395
  "space-evenly": {
395
396
  default: string;
396
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
397
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
397
398
  };
398
399
  };
399
400
  staticScale: JustifyContent[];
@@ -403,23 +404,23 @@ export declare const box: {
403
404
  values: {
404
405
  center: {
405
406
  default: string;
406
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
407
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
407
408
  };
408
409
  "flex-end": {
409
410
  default: string;
410
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
411
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
411
412
  };
412
413
  "flex-start": {
413
414
  default: string;
414
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
415
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
415
416
  };
416
417
  baseline: {
417
418
  default: string;
418
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
419
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
419
420
  };
420
421
  stretch: {
421
422
  default: string;
422
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
423
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
423
424
  };
424
425
  };
425
426
  staticScale: AlignItems[];
@@ -429,27 +430,27 @@ export declare const box: {
429
430
  values: {
430
431
  center: {
431
432
  default: string;
432
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
433
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
433
434
  };
434
435
  "flex-end": {
435
436
  default: string;
436
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
437
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
437
438
  };
438
439
  "flex-start": {
439
440
  default: string;
440
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
441
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
441
442
  };
442
443
  baseline: {
443
444
  default: string;
444
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
445
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
445
446
  };
446
447
  stretch: {
447
448
  default: string;
448
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
449
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
449
450
  };
450
451
  auto: {
451
452
  default: string;
452
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
453
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
453
454
  };
454
455
  };
455
456
  staticScale: AlignSelf[];
@@ -459,47 +460,47 @@ export declare const box: {
459
460
  values: {
460
461
  inherit: {
461
462
  default: string;
462
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
463
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
463
464
  };
464
465
  none: {
465
466
  default: string;
466
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
467
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
467
468
  };
468
469
  all: {
469
470
  default: string;
470
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
471
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
471
472
  };
472
473
  fill: {
473
474
  default: string;
474
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
475
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
475
476
  };
476
477
  stroke: {
477
478
  default: string;
478
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
479
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
479
480
  };
480
481
  auto: {
481
482
  default: string;
482
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
483
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
483
484
  };
484
485
  visible: {
485
486
  default: string;
486
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
487
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
487
488
  };
488
489
  painted: {
489
490
  default: string;
490
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
491
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
491
492
  };
492
493
  visibleFill: {
493
494
  default: string;
494
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
495
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
495
496
  };
496
497
  visiblePainted: {
497
498
  default: string;
498
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
499
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
499
500
  };
500
501
  visibleStroke: {
501
502
  default: string;
502
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
503
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
503
504
  };
504
505
  };
505
506
  staticScale: PointerEvents[];
@@ -509,23 +510,23 @@ export declare const box: {
509
510
  values: {
510
511
  hidden: {
511
512
  default: string;
512
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
513
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
513
514
  };
514
515
  none: {
515
516
  default: string;
516
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
517
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
517
518
  };
518
519
  dashed: {
519
520
  default: string;
520
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
521
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
521
522
  };
522
523
  dotted: {
523
524
  default: string;
524
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
525
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
525
526
  };
526
527
  solid: {
527
528
  default: string;
528
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
529
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
529
530
  };
530
531
  };
531
532
  staticScale: BorderStyle[];
@@ -535,11 +536,11 @@ export declare const box: {
535
536
  values: {
536
537
  "border-box": {
537
538
  default: string;
538
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
539
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
539
540
  };
540
541
  "content-box": {
541
542
  default: string;
542
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
543
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
543
544
  };
544
545
  };
545
546
  staticScale: BoxSizing[];
@@ -549,23 +550,23 @@ export declare const box: {
549
550
  values: {
550
551
  inherit: {
551
552
  default: string;
552
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
553
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
553
554
  };
554
555
  auto: {
555
556
  default: string;
556
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
557
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
557
558
  };
558
559
  grab: {
559
560
  default: string;
560
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
561
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
561
562
  };
562
563
  "not-allowed": {
563
564
  default: string;
564
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
565
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
565
566
  };
566
567
  pointer: {
567
568
  default: string;
568
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
569
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
569
570
  };
570
571
  };
571
572
  staticScale: Cursor[];
@@ -575,23 +576,23 @@ export declare const box: {
575
576
  values: {
576
577
  fixed: {
577
578
  default: string;
578
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
579
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
579
580
  };
580
581
  absolute: {
581
582
  default: string;
582
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
583
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
583
584
  };
584
585
  relative: {
585
586
  default: string;
586
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
587
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
587
588
  };
588
589
  static: {
589
590
  default: string;
590
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
591
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
591
592
  };
592
593
  sticky: {
593
594
  default: string;
594
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
595
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
595
596
  };
596
597
  };
597
598
  staticScale: Position[];
@@ -601,19 +602,19 @@ export declare const box: {
601
602
  values: {
602
603
  hidden: {
603
604
  default: string;
604
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
605
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
605
606
  };
606
607
  auto: {
607
608
  default: string;
608
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
609
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
609
610
  };
610
611
  visible: {
611
612
  default: string;
612
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
613
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
613
614
  };
614
615
  scroll: {
615
616
  default: string;
616
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
617
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
617
618
  };
618
619
  };
619
620
  staticScale: Overflow[];
@@ -623,19 +624,19 @@ export declare const box: {
623
624
  values: {
624
625
  hidden: {
625
626
  default: string;
626
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
627
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
627
628
  };
628
629
  auto: {
629
630
  default: string;
630
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
631
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
631
632
  };
632
633
  visible: {
633
634
  default: string;
634
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
635
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
635
636
  };
636
637
  scroll: {
637
638
  default: string;
638
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
639
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
639
640
  };
640
641
  };
641
642
  staticScale: Overflow[];
@@ -645,19 +646,19 @@ export declare const box: {
645
646
  values: {
646
647
  hidden: {
647
648
  default: string;
648
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
649
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
649
650
  };
650
651
  auto: {
651
652
  default: string;
652
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
653
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
653
654
  };
654
655
  visible: {
655
656
  default: string;
656
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
657
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
657
658
  };
658
659
  scroll: {
659
660
  default: string;
660
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
661
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
661
662
  };
662
663
  };
663
664
  staticScale: Overflow[];
@@ -667,31 +668,31 @@ export declare const box: {
667
668
  values: {
668
669
  ease: {
669
670
  default: string;
670
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
671
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
671
672
  };
672
673
  "ease-in": {
673
674
  default: string;
674
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
675
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
675
676
  };
676
677
  "ease-in-out": {
677
678
  default: string;
678
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
679
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
679
680
  };
680
681
  "ease-out": {
681
682
  default: string;
682
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
683
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
683
684
  };
684
685
  "step-end": {
685
686
  default: string;
686
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
687
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
687
688
  };
688
689
  "step-start": {
689
690
  default: string;
690
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
691
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
691
692
  };
692
693
  linear: {
693
694
  default: string;
694
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
695
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
695
696
  };
696
697
  };
697
698
  staticScale: TransitionTiming[];
@@ -703,343 +704,343 @@ export declare const box: {
703
704
  width: {
704
705
  dynamic: {
705
706
  default: string;
706
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
707
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
707
708
  };
708
709
  dynamicScale: true;
709
710
  name: "width";
710
711
  vars: {
711
712
  default: string;
712
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
713
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
713
714
  };
714
715
  };
715
716
  height: {
716
717
  dynamic: {
717
718
  default: string;
718
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
719
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
719
720
  };
720
721
  dynamicScale: true;
721
722
  name: "height";
722
723
  vars: {
723
724
  default: string;
724
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
725
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
725
726
  };
726
727
  };
727
728
  maxWidth: {
728
729
  dynamic: {
729
730
  default: string;
730
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
731
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
731
732
  };
732
733
  dynamicScale: true;
733
734
  name: "maxWidth";
734
735
  vars: {
735
736
  default: string;
736
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
737
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
737
738
  };
738
739
  };
739
740
  maxHeight: {
740
741
  dynamic: {
741
742
  default: string;
742
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
743
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
743
744
  };
744
745
  dynamicScale: true;
745
746
  name: "maxHeight";
746
747
  vars: {
747
748
  default: string;
748
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
749
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
749
750
  };
750
751
  };
751
752
  minWidth: {
752
753
  dynamic: {
753
754
  default: string;
754
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
755
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
755
756
  };
756
757
  dynamicScale: true;
757
758
  name: "minWidth";
758
759
  vars: {
759
760
  default: string;
760
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
761
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
761
762
  };
762
763
  };
763
764
  minHeight: {
764
765
  dynamic: {
765
766
  default: string;
766
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
767
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
767
768
  };
768
769
  dynamicScale: true;
769
770
  name: "minHeight";
770
771
  vars: {
771
772
  default: string;
772
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
773
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
773
774
  };
774
775
  };
775
776
  bottom: {
776
777
  dynamic: {
777
778
  default: string;
778
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
779
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
779
780
  };
780
781
  dynamicScale: true;
781
782
  name: "bottom";
782
783
  vars: {
783
784
  default: string;
784
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
785
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
785
786
  };
786
787
  };
787
788
  left: {
788
789
  dynamic: {
789
790
  default: string;
790
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
791
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
791
792
  };
792
793
  dynamicScale: true;
793
794
  name: "left";
794
795
  vars: {
795
796
  default: string;
796
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
797
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
797
798
  };
798
799
  };
799
800
  right: {
800
801
  dynamic: {
801
802
  default: string;
802
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
803
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
803
804
  };
804
805
  dynamicScale: true;
805
806
  name: "right";
806
807
  vars: {
807
808
  default: string;
808
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
809
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
809
810
  };
810
811
  };
811
812
  top: {
812
813
  dynamic: {
813
814
  default: string;
814
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
815
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
815
816
  };
816
817
  dynamicScale: true;
817
818
  name: "top";
818
819
  vars: {
819
820
  default: string;
820
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
821
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
821
822
  };
822
823
  };
823
824
  flex: {
824
825
  dynamic: {
825
826
  default: string;
826
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
827
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
827
828
  };
828
829
  dynamicScale: true;
829
830
  name: "flex";
830
831
  vars: {
831
832
  default: string;
832
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
833
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
833
834
  };
834
835
  };
835
836
  gridTemplateAreas: {
836
837
  dynamic: {
837
838
  default: string;
838
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
839
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
839
840
  };
840
841
  dynamicScale: true;
841
842
  name: "gridTemplateAreas";
842
843
  vars: {
843
844
  default: string;
844
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
845
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
845
846
  };
846
847
  };
847
848
  gridTemplateColumns: {
848
849
  dynamic: {
849
850
  default: string;
850
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
851
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
851
852
  };
852
853
  dynamicScale: true;
853
854
  name: "gridTemplateColumns";
854
855
  vars: {
855
856
  default: string;
856
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
857
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
857
858
  };
858
859
  };
859
860
  gridTemplateRows: {
860
861
  dynamic: {
861
862
  default: string;
862
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
863
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
863
864
  };
864
865
  dynamicScale: true;
865
866
  name: "gridTemplateRows";
866
867
  vars: {
867
868
  default: string;
868
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
869
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
869
870
  };
870
871
  };
871
872
  gridArea: {
872
873
  dynamic: {
873
874
  default: string;
874
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
875
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
875
876
  };
876
877
  dynamicScale: true;
877
878
  name: "gridArea";
878
879
  vars: {
879
880
  default: string;
880
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
881
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
881
882
  };
882
883
  };
883
884
  flexShrink: {
884
885
  dynamic: {
885
886
  default: string;
886
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
887
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
887
888
  };
888
889
  dynamicScale: true;
889
890
  name: "flexShrink";
890
891
  vars: {
891
892
  default: string;
892
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
893
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
893
894
  };
894
895
  };
895
896
  flexGrow: {
896
897
  dynamic: {
897
898
  default: string;
898
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
899
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
899
900
  };
900
901
  dynamicScale: true;
901
902
  name: "flexGrow";
902
903
  vars: {
903
904
  default: string;
904
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
905
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
905
906
  };
906
907
  };
907
908
  order: {
908
909
  dynamic: {
909
910
  default: string;
910
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
911
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
911
912
  };
912
913
  dynamicScale: true;
913
914
  name: "order";
914
915
  vars: {
915
916
  default: string;
916
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
917
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
917
918
  };
918
919
  };
919
920
  borderRadius: {
920
921
  dynamic: {
921
922
  default: string;
922
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
923
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
923
924
  };
924
925
  dynamicScale: true;
925
926
  name: "borderRadius";
926
927
  vars: {
927
928
  default: string;
928
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
929
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
929
930
  };
930
931
  };
931
932
  borderWidth: {
932
933
  dynamic: {
933
934
  default: string;
934
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
935
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
935
936
  };
936
937
  dynamicScale: true;
937
938
  name: "borderWidth";
938
939
  vars: {
939
940
  default: string;
940
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
941
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
941
942
  };
942
943
  };
943
944
  zIndex: {
944
945
  dynamic: {
945
946
  default: string;
946
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
947
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
947
948
  };
948
949
  dynamicScale: true;
949
950
  name: "zIndex";
950
951
  vars: {
951
952
  default: string;
952
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
953
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
953
954
  };
954
955
  };
955
956
  transitionDelay: {
956
957
  dynamic: {
957
958
  default: string;
958
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
959
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
959
960
  };
960
961
  dynamicScale: true;
961
962
  name: "transitionDelay";
962
963
  vars: {
963
964
  default: string;
964
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
965
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
965
966
  };
966
967
  };
967
968
  transitionProperty: {
968
969
  dynamic: {
969
970
  default: string;
970
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
971
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
971
972
  };
972
973
  dynamicScale: true;
973
974
  name: "transitionProperty";
974
975
  vars: {
975
976
  default: string;
976
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
977
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
977
978
  };
978
979
  };
979
980
  backgroundImage: {
980
981
  dynamic: {
981
982
  default: string;
982
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
983
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
983
984
  };
984
985
  dynamicScale: true;
985
986
  name: "backgroundImage";
986
987
  vars: {
987
988
  default: string;
988
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
989
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
989
990
  };
990
991
  };
991
992
  backgroundPosition: {
992
993
  dynamic: {
993
994
  default: string;
994
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
995
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
995
996
  };
996
997
  dynamicScale: true;
997
998
  name: "backgroundPosition";
998
999
  vars: {
999
1000
  default: string;
1000
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1001
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1001
1002
  };
1002
1003
  };
1003
1004
  backgroundBlendMode: {
1004
1005
  dynamic: {
1005
1006
  default: string;
1006
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1007
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1007
1008
  };
1008
1009
  dynamicScale: true;
1009
1010
  name: "backgroundBlendMode";
1010
1011
  vars: {
1011
1012
  default: string;
1012
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1013
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1013
1014
  };
1014
1015
  };
1015
1016
  backgroundRepeat: {
1016
1017
  dynamic: {
1017
1018
  default: string;
1018
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1019
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1019
1020
  };
1020
1021
  dynamicScale: true;
1021
1022
  name: "backgroundRepeat";
1022
1023
  vars: {
1023
1024
  default: string;
1024
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1025
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1025
1026
  };
1026
1027
  };
1027
1028
  backgroundSize: {
1028
1029
  dynamic: {
1029
1030
  default: string;
1030
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1031
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1031
1032
  };
1032
1033
  dynamicScale: true;
1033
1034
  name: "backgroundSize";
1034
1035
  vars: {
1035
1036
  default: string;
1036
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1037
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1037
1038
  };
1038
1039
  };
1039
1040
  transitionDuration: {
1040
1041
  dynamic: {
1041
1042
  default: string;
1042
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1043
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1043
1044
  };
1044
1045
  dynamicScale: {
1045
1046
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1050,13 +1051,13 @@ export declare const box: {
1050
1051
  name: "transitionDuration";
1051
1052
  vars: {
1052
1053
  default: string;
1053
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1054
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1054
1055
  };
1055
1056
  };
1056
1057
  backgroundColor: {
1057
1058
  dynamic: {
1058
1059
  default: string;
1059
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1060
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1060
1061
  };
1061
1062
  dynamicScale: {
1062
1063
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1086,13 +1087,13 @@ export declare const box: {
1086
1087
  name: "backgroundColor";
1087
1088
  vars: {
1088
1089
  default: string;
1089
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1090
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1090
1091
  };
1091
1092
  };
1092
1093
  borderColor: {
1093
1094
  dynamic: {
1094
1095
  default: string;
1095
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1096
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1096
1097
  };
1097
1098
  dynamicScale: {
1098
1099
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1115,13 +1116,13 @@ export declare const box: {
1115
1116
  name: "borderColor";
1116
1117
  vars: {
1117
1118
  default: string;
1118
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1119
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1119
1120
  };
1120
1121
  };
1121
1122
  boxShadow: {
1122
1123
  dynamic: {
1123
1124
  default: string;
1124
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1125
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1125
1126
  };
1126
1127
  dynamicScale: {
1127
1128
  card: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1132,13 +1133,13 @@ export declare const box: {
1132
1133
  name: "boxShadow";
1133
1134
  vars: {
1134
1135
  default: string;
1135
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1136
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1136
1137
  };
1137
1138
  };
1138
1139
  padding: {
1139
1140
  dynamic: {
1140
1141
  default: string;
1141
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1142
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1142
1143
  };
1143
1144
  dynamicScale: {
1144
1145
  none: string;
@@ -1159,13 +1160,13 @@ export declare const box: {
1159
1160
  name: "padding";
1160
1161
  vars: {
1161
1162
  default: string;
1162
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1163
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1163
1164
  };
1164
1165
  };
1165
1166
  paddingTop: {
1166
1167
  dynamic: {
1167
1168
  default: string;
1168
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1169
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1169
1170
  };
1170
1171
  dynamicScale: {
1171
1172
  none: string;
@@ -1186,13 +1187,13 @@ export declare const box: {
1186
1187
  name: "paddingTop";
1187
1188
  vars: {
1188
1189
  default: string;
1189
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1190
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1190
1191
  };
1191
1192
  };
1192
1193
  paddingBottom: {
1193
1194
  dynamic: {
1194
1195
  default: string;
1195
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1196
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1196
1197
  };
1197
1198
  dynamicScale: {
1198
1199
  none: string;
@@ -1213,13 +1214,13 @@ export declare const box: {
1213
1214
  name: "paddingBottom";
1214
1215
  vars: {
1215
1216
  default: string;
1216
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1217
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1217
1218
  };
1218
1219
  };
1219
1220
  paddingLeft: {
1220
1221
  dynamic: {
1221
1222
  default: string;
1222
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1223
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1223
1224
  };
1224
1225
  dynamicScale: {
1225
1226
  none: string;
@@ -1240,13 +1241,13 @@ export declare const box: {
1240
1241
  name: "paddingLeft";
1241
1242
  vars: {
1242
1243
  default: string;
1243
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1244
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1244
1245
  };
1245
1246
  };
1246
1247
  paddingRight: {
1247
1248
  dynamic: {
1248
1249
  default: string;
1249
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1250
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1250
1251
  };
1251
1252
  dynamicScale: {
1252
1253
  none: string;
@@ -1267,13 +1268,13 @@ export declare const box: {
1267
1268
  name: "paddingRight";
1268
1269
  vars: {
1269
1270
  default: string;
1270
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1271
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1271
1272
  };
1272
1273
  };
1273
1274
  margin: {
1274
1275
  dynamic: {
1275
1276
  default: string;
1276
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1277
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1277
1278
  };
1278
1279
  dynamicScale: {
1279
1280
  none: string;
@@ -1295,13 +1296,13 @@ export declare const box: {
1295
1296
  name: "margin";
1296
1297
  vars: {
1297
1298
  default: string;
1298
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1299
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1299
1300
  };
1300
1301
  };
1301
1302
  marginTop: {
1302
1303
  dynamic: {
1303
1304
  default: string;
1304
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1305
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1305
1306
  };
1306
1307
  dynamicScale: {
1307
1308
  none: string;
@@ -1323,13 +1324,13 @@ export declare const box: {
1323
1324
  name: "marginTop";
1324
1325
  vars: {
1325
1326
  default: string;
1326
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1327
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1327
1328
  };
1328
1329
  };
1329
1330
  marginBottom: {
1330
1331
  dynamic: {
1331
1332
  default: string;
1332
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1333
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1333
1334
  };
1334
1335
  dynamicScale: {
1335
1336
  none: string;
@@ -1351,13 +1352,13 @@ export declare const box: {
1351
1352
  name: "marginBottom";
1352
1353
  vars: {
1353
1354
  default: string;
1354
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1355
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1355
1356
  };
1356
1357
  };
1357
1358
  marginLeft: {
1358
1359
  dynamic: {
1359
1360
  default: string;
1360
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1361
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1361
1362
  };
1362
1363
  dynamicScale: {
1363
1364
  none: string;
@@ -1379,13 +1380,13 @@ export declare const box: {
1379
1380
  name: "marginLeft";
1380
1381
  vars: {
1381
1382
  default: string;
1382
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1383
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1383
1384
  };
1384
1385
  };
1385
1386
  marginRight: {
1386
1387
  dynamic: {
1387
1388
  default: string;
1388
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1389
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1389
1390
  };
1390
1391
  dynamicScale: {
1391
1392
  none: string;
@@ -1407,13 +1408,13 @@ export declare const box: {
1407
1408
  name: "marginRight";
1408
1409
  vars: {
1409
1410
  default: string;
1410
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1411
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1411
1412
  };
1412
1413
  };
1413
1414
  gap: {
1414
1415
  dynamic: {
1415
1416
  default: string;
1416
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1417
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1417
1418
  };
1418
1419
  dynamicScale: {
1419
1420
  none: string;
@@ -1435,13 +1436,13 @@ export declare const box: {
1435
1436
  name: "gap";
1436
1437
  vars: {
1437
1438
  default: string;
1438
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1439
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1439
1440
  };
1440
1441
  };
1441
1442
  gridGap: {
1442
1443
  dynamic: {
1443
1444
  default: string;
1444
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1445
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1445
1446
  };
1446
1447
  dynamicScale: {
1447
1448
  none: string;
@@ -1463,13 +1464,13 @@ export declare const box: {
1463
1464
  name: "gridGap";
1464
1465
  vars: {
1465
1466
  default: string;
1466
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1467
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1467
1468
  };
1468
1469
  };
1469
1470
  color: {
1470
1471
  dynamic: {
1471
1472
  default: string;
1472
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1473
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1473
1474
  };
1474
1475
  dynamicScale: {
1475
1476
  currentColor: string;
@@ -1500,7 +1501,7 @@ export declare const box: {
1500
1501
  name: "color";
1501
1502
  vars: {
1502
1503
  default: string;
1503
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
1504
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1504
1505
  };
1505
1506
  };
1506
1507
  };