@mirohq/design-system-stitches 2.2.3 → 2.2.5

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 (2) hide show
  1. package/dist/types.d.ts +806 -766
  2. package/package.json +2 -2
package/dist/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import React__default, { ElementType, ComponentPropsWithRef, ComponentType } from 'react';
2
+ import React__default, { ElementType, PropsWithChildren, ComponentPropsWithRef, ComponentType } from 'react';
3
3
  import { CSS as CSS$1, VariantProps } from '@stitches/react';
4
4
  import { OnlyHTMLAttributes } from '@mirohq/design-system-types';
5
5
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
@@ -80,89 +80,93 @@ declare const config: {
80
80
  readonly black: any;
81
81
  readonly white: any;
82
82
  readonly transparent: any;
83
+ readonly 'background-danger'?: any;
84
+ readonly 'background-danger-hover'?: any;
85
+ readonly 'background-danger-prominent'?: any;
86
+ readonly 'background-danger-prominent-active'?: any;
87
+ readonly 'background-danger-prominent-hover'?: any;
83
88
  readonly 'background-neutrals'?: any;
84
89
  readonly 'background-neutrals-body'?: any;
85
90
  readonly 'background-neutrals-container'?: any;
91
+ readonly 'background-neutrals-controls-disabled'?: any;
92
+ readonly 'background-neutrals-disabled'?: any;
93
+ readonly 'background-neutrals-inactive'?: any;
94
+ readonly 'background-neutrals-inactive-hover'?: any;
86
95
  readonly 'background-neutrals-inverted'?: any;
87
96
  readonly 'background-neutrals-inverted-subtle'?: any;
97
+ readonly 'background-neutrals-scrolls'?: any;
98
+ readonly 'background-neutrals-scrolls-hover'?: any;
88
99
  readonly 'background-neutrals-subtle'?: any;
89
- readonly 'background-neutrals-subtle-hover'?: any;
90
100
  readonly 'background-neutrals-subtle-active'?: any;
91
- readonly 'background-neutrals-disabled'?: any;
92
- readonly 'background-neutrals-controls-disabled'?: any;
93
- readonly 'background-neutrals-scrolls'?: any;
94
- readonly 'background-neutrals-inactive'?: any;
95
- readonly 'background-neutrals-inactive-hover'?: any;
101
+ readonly 'background-neutrals-subtle-hover'?: any;
96
102
  readonly 'background-primary-prominent'?: any;
97
- readonly 'background-primary-prominent-hover'?: any;
98
103
  readonly 'background-primary-prominent-active'?: any;
104
+ readonly 'background-primary-prominent-hover'?: any;
99
105
  readonly 'background-primary-prominent-selected'?: any;
100
106
  readonly 'background-primary-subtle'?: any;
101
- readonly 'background-primary-subtle-hover'?: any;
102
107
  readonly 'background-primary-subtle-active'?: any;
108
+ readonly 'background-primary-subtle-hover'?: any;
103
109
  readonly 'background-primary-subtle-selected'?: any;
104
- readonly 'background-danger-prominent'?: any;
105
- readonly 'background-danger-prominent-hover'?: any;
106
- readonly 'background-danger-prominent-active'?: any;
107
- readonly 'background-danger'?: any;
108
- readonly 'background-danger-hover'?: any;
109
110
  readonly 'background-success'?: any;
110
- readonly 'background-warning-subtle'?: any;
111
111
  readonly 'background-warning-prominent'?: any;
112
- readonly 'text-neutrals-inverted'?: any;
112
+ readonly 'background-warning-subtle'?: any;
113
+ readonly 'text-danger'?: any;
114
+ readonly 'text-danger-active'?: any;
115
+ readonly 'text-danger-hover'?: any;
116
+ readonly 'text-danger-inverted'?: any;
113
117
  readonly 'text-neutrals'?: any;
114
- readonly 'text-neutrals-subtle'?: any;
115
- readonly 'text-neutrals-placeholder-only'?: any;
116
- readonly 'text-neutrals-placeholder'?: any;
117
118
  readonly 'text-neutrals-disabled'?: any;
118
- readonly 'text-primary-inverted'?: any;
119
+ readonly 'text-neutrals-inverted'?: any;
120
+ readonly 'text-neutrals-link'?: any;
121
+ readonly 'text-neutrals-link-active'?: any;
122
+ readonly 'text-neutrals-link-hover'?: any;
123
+ readonly 'text-neutrals-placeholder'?: any;
124
+ readonly 'text-neutrals-placeholder-only'?: any;
125
+ readonly 'text-neutrals-subtle'?: any;
119
126
  readonly 'text-primary'?: any;
120
- readonly 'text-primary-hover'?: any;
121
127
  readonly 'text-primary-active'?: any;
122
- readonly 'text-primary-selected'?: any;
128
+ readonly 'text-primary-hover'?: any;
129
+ readonly 'text-primary-inverted'?: any;
123
130
  readonly 'text-primary-inverted-subtle'?: any;
124
- readonly 'text-danger-inverted'?: any;
125
- readonly 'text-danger'?: any;
126
- readonly 'text-danger-hover'?: any;
127
- readonly 'text-danger-active'?: any;
131
+ readonly 'text-primary-selected'?: any;
128
132
  readonly 'text-success'?: any;
129
133
  readonly 'text-warning'?: any;
130
- readonly 'icon-neutrals-inverted'?: any;
134
+ readonly 'icon-danger'?: any;
135
+ readonly 'icon-danger-active'?: any;
136
+ readonly 'icon-danger-hover'?: any;
137
+ readonly 'icon-danger-inverted'?: any;
131
138
  readonly 'icon-neutrals'?: any;
132
- readonly 'icon-neutrals-with-text'?: any;
133
- readonly 'icon-neutrals-subtle'?: any;
134
139
  readonly 'icon-neutrals-disabled'?: any;
135
- readonly 'icon-neutrals-search'?: any;
136
140
  readonly 'icon-neutrals-inactive'?: any;
137
141
  readonly 'icon-neutrals-inactive-hover'?: any;
138
- readonly 'icon-primary-inverted'?: any;
142
+ readonly 'icon-neutrals-inverted'?: any;
143
+ readonly 'icon-neutrals-search'?: any;
144
+ readonly 'icon-neutrals-subtle'?: any;
145
+ readonly 'icon-neutrals-with-text'?: any;
139
146
  readonly 'icon-primary'?: any;
140
- readonly 'icon-primary-hover'?: any;
141
147
  readonly 'icon-primary-active'?: any;
148
+ readonly 'icon-primary-hover'?: any;
149
+ readonly 'icon-primary-inverted'?: any;
142
150
  readonly 'icon-primary-selected'?: any;
143
- readonly 'icon-danger-inverted'?: any;
144
- readonly 'icon-danger'?: any;
145
- readonly 'icon-danger-hover'?: any;
146
- readonly 'icon-danger-active'?: any;
147
- readonly 'icon-success-inverted'?: any;
148
151
  readonly 'icon-success'?: any;
152
+ readonly 'icon-success-inverted'?: any;
149
153
  readonly 'icon-warning'?: any;
150
- readonly 'border-focus-outer'?: any;
151
- readonly 'border-focus-middle'?: any;
154
+ readonly 'border-danger'?: any;
152
155
  readonly 'border-focus-inner'?: any;
156
+ readonly 'border-focus-middle'?: any;
157
+ readonly 'border-focus-outer'?: any;
153
158
  readonly 'border-neutrals'?: any;
154
- readonly 'border-neutrals-hover'?: any;
155
159
  readonly 'border-neutrals-active'?: any;
156
- readonly 'border-neutrals-disabled'?: any;
157
160
  readonly 'border-neutrals-controls'?: any;
158
161
  readonly 'border-neutrals-controls-disabled'?: any;
159
- readonly 'border-neutrals-subtle'?: any;
162
+ readonly 'border-neutrals-disabled'?: any;
163
+ readonly 'border-neutrals-hover'?: any;
160
164
  readonly 'border-neutrals-inverted'?: any;
165
+ readonly 'border-neutrals-subtle'?: any;
161
166
  readonly 'border-primary'?: any;
162
- readonly 'border-primary-hover'?: any;
163
167
  readonly 'border-primary-active'?: any;
168
+ readonly 'border-primary-hover'?: any;
164
169
  readonly 'border-primary-inverted'?: any;
165
- readonly 'border-danger'?: any;
166
170
  readonly 'border-success'?: any;
167
171
  readonly 'border-warning'?: any;
168
172
  };
@@ -511,89 +515,93 @@ declare const createTheme: <Argument0 extends string | ({
511
515
  readonly black?: string | number | boolean | undefined;
512
516
  readonly white?: string | number | boolean | undefined;
513
517
  readonly transparent?: string | number | boolean | undefined;
518
+ readonly 'background-danger'?: string | number | boolean | undefined;
519
+ readonly 'background-danger-hover'?: string | number | boolean | undefined;
520
+ readonly 'background-danger-prominent'?: string | number | boolean | undefined;
521
+ readonly 'background-danger-prominent-active'?: string | number | boolean | undefined;
522
+ readonly 'background-danger-prominent-hover'?: string | number | boolean | undefined;
514
523
  readonly 'background-neutrals'?: string | number | boolean | undefined;
515
524
  readonly 'background-neutrals-body'?: string | number | boolean | undefined;
516
525
  readonly 'background-neutrals-container'?: string | number | boolean | undefined;
526
+ readonly 'background-neutrals-controls-disabled'?: string | number | boolean | undefined;
527
+ readonly 'background-neutrals-disabled'?: string | number | boolean | undefined;
528
+ readonly 'background-neutrals-inactive'?: string | number | boolean | undefined;
529
+ readonly 'background-neutrals-inactive-hover'?: string | number | boolean | undefined;
517
530
  readonly 'background-neutrals-inverted'?: string | number | boolean | undefined;
518
531
  readonly 'background-neutrals-inverted-subtle'?: string | number | boolean | undefined;
532
+ readonly 'background-neutrals-scrolls'?: string | number | boolean | undefined;
533
+ readonly 'background-neutrals-scrolls-hover'?: string | number | boolean | undefined;
519
534
  readonly 'background-neutrals-subtle'?: string | number | boolean | undefined;
520
- readonly 'background-neutrals-subtle-hover'?: string | number | boolean | undefined;
521
535
  readonly 'background-neutrals-subtle-active'?: string | number | boolean | undefined;
522
- readonly 'background-neutrals-disabled'?: string | number | boolean | undefined;
523
- readonly 'background-neutrals-controls-disabled'?: string | number | boolean | undefined;
524
- readonly 'background-neutrals-scrolls'?: string | number | boolean | undefined;
525
- readonly 'background-neutrals-inactive'?: string | number | boolean | undefined;
526
- readonly 'background-neutrals-inactive-hover'?: string | number | boolean | undefined;
536
+ readonly 'background-neutrals-subtle-hover'?: string | number | boolean | undefined;
527
537
  readonly 'background-primary-prominent'?: string | number | boolean | undefined;
528
- readonly 'background-primary-prominent-hover'?: string | number | boolean | undefined;
529
538
  readonly 'background-primary-prominent-active'?: string | number | boolean | undefined;
539
+ readonly 'background-primary-prominent-hover'?: string | number | boolean | undefined;
530
540
  readonly 'background-primary-prominent-selected'?: string | number | boolean | undefined;
531
541
  readonly 'background-primary-subtle'?: string | number | boolean | undefined;
532
- readonly 'background-primary-subtle-hover'?: string | number | boolean | undefined;
533
542
  readonly 'background-primary-subtle-active'?: string | number | boolean | undefined;
543
+ readonly 'background-primary-subtle-hover'?: string | number | boolean | undefined;
534
544
  readonly 'background-primary-subtle-selected'?: string | number | boolean | undefined;
535
- readonly 'background-danger-prominent'?: string | number | boolean | undefined;
536
- readonly 'background-danger-prominent-hover'?: string | number | boolean | undefined;
537
- readonly 'background-danger-prominent-active'?: string | number | boolean | undefined;
538
- readonly 'background-danger'?: string | number | boolean | undefined;
539
- readonly 'background-danger-hover'?: string | number | boolean | undefined;
540
545
  readonly 'background-success'?: string | number | boolean | undefined;
541
- readonly 'background-warning-subtle'?: string | number | boolean | undefined;
542
546
  readonly 'background-warning-prominent'?: string | number | boolean | undefined;
543
- readonly 'text-neutrals-inverted'?: string | number | boolean | undefined;
547
+ readonly 'background-warning-subtle'?: string | number | boolean | undefined;
548
+ readonly 'text-danger'?: string | number | boolean | undefined;
549
+ readonly 'text-danger-active'?: string | number | boolean | undefined;
550
+ readonly 'text-danger-hover'?: string | number | boolean | undefined;
551
+ readonly 'text-danger-inverted'?: string | number | boolean | undefined;
544
552
  readonly 'text-neutrals'?: string | number | boolean | undefined;
545
- readonly 'text-neutrals-subtle'?: string | number | boolean | undefined;
546
- readonly 'text-neutrals-placeholder-only'?: string | number | boolean | undefined;
547
- readonly 'text-neutrals-placeholder'?: string | number | boolean | undefined;
548
553
  readonly 'text-neutrals-disabled'?: string | number | boolean | undefined;
549
- readonly 'text-primary-inverted'?: string | number | boolean | undefined;
554
+ readonly 'text-neutrals-inverted'?: string | number | boolean | undefined;
555
+ readonly 'text-neutrals-link'?: string | number | boolean | undefined;
556
+ readonly 'text-neutrals-link-active'?: string | number | boolean | undefined;
557
+ readonly 'text-neutrals-link-hover'?: string | number | boolean | undefined;
558
+ readonly 'text-neutrals-placeholder'?: string | number | boolean | undefined;
559
+ readonly 'text-neutrals-placeholder-only'?: string | number | boolean | undefined;
560
+ readonly 'text-neutrals-subtle'?: string | number | boolean | undefined;
550
561
  readonly 'text-primary'?: string | number | boolean | undefined;
551
- readonly 'text-primary-hover'?: string | number | boolean | undefined;
552
562
  readonly 'text-primary-active'?: string | number | boolean | undefined;
553
- readonly 'text-primary-selected'?: string | number | boolean | undefined;
563
+ readonly 'text-primary-hover'?: string | number | boolean | undefined;
564
+ readonly 'text-primary-inverted'?: string | number | boolean | undefined;
554
565
  readonly 'text-primary-inverted-subtle'?: string | number | boolean | undefined;
555
- readonly 'text-danger-inverted'?: string | number | boolean | undefined;
556
- readonly 'text-danger'?: string | number | boolean | undefined;
557
- readonly 'text-danger-hover'?: string | number | boolean | undefined;
558
- readonly 'text-danger-active'?: string | number | boolean | undefined;
566
+ readonly 'text-primary-selected'?: string | number | boolean | undefined;
559
567
  readonly 'text-success'?: string | number | boolean | undefined;
560
568
  readonly 'text-warning'?: string | number | boolean | undefined;
561
- readonly 'icon-neutrals-inverted'?: string | number | boolean | undefined;
569
+ readonly 'icon-danger'?: string | number | boolean | undefined;
570
+ readonly 'icon-danger-active'?: string | number | boolean | undefined;
571
+ readonly 'icon-danger-hover'?: string | number | boolean | undefined;
572
+ readonly 'icon-danger-inverted'?: string | number | boolean | undefined;
562
573
  readonly 'icon-neutrals'?: string | number | boolean | undefined;
563
- readonly 'icon-neutrals-with-text'?: string | number | boolean | undefined;
564
- readonly 'icon-neutrals-subtle'?: string | number | boolean | undefined;
565
574
  readonly 'icon-neutrals-disabled'?: string | number | boolean | undefined;
566
- readonly 'icon-neutrals-search'?: string | number | boolean | undefined;
567
575
  readonly 'icon-neutrals-inactive'?: string | number | boolean | undefined;
568
576
  readonly 'icon-neutrals-inactive-hover'?: string | number | boolean | undefined;
569
- readonly 'icon-primary-inverted'?: string | number | boolean | undefined;
577
+ readonly 'icon-neutrals-inverted'?: string | number | boolean | undefined;
578
+ readonly 'icon-neutrals-search'?: string | number | boolean | undefined;
579
+ readonly 'icon-neutrals-subtle'?: string | number | boolean | undefined;
580
+ readonly 'icon-neutrals-with-text'?: string | number | boolean | undefined;
570
581
  readonly 'icon-primary'?: string | number | boolean | undefined;
571
- readonly 'icon-primary-hover'?: string | number | boolean | undefined;
572
582
  readonly 'icon-primary-active'?: string | number | boolean | undefined;
583
+ readonly 'icon-primary-hover'?: string | number | boolean | undefined;
584
+ readonly 'icon-primary-inverted'?: string | number | boolean | undefined;
573
585
  readonly 'icon-primary-selected'?: string | number | boolean | undefined;
574
- readonly 'icon-danger-inverted'?: string | number | boolean | undefined;
575
- readonly 'icon-danger'?: string | number | boolean | undefined;
576
- readonly 'icon-danger-hover'?: string | number | boolean | undefined;
577
- readonly 'icon-danger-active'?: string | number | boolean | undefined;
578
- readonly 'icon-success-inverted'?: string | number | boolean | undefined;
579
586
  readonly 'icon-success'?: string | number | boolean | undefined;
587
+ readonly 'icon-success-inverted'?: string | number | boolean | undefined;
580
588
  readonly 'icon-warning'?: string | number | boolean | undefined;
581
- readonly 'border-focus-outer'?: string | number | boolean | undefined;
582
- readonly 'border-focus-middle'?: string | number | boolean | undefined;
589
+ readonly 'border-danger'?: string | number | boolean | undefined;
583
590
  readonly 'border-focus-inner'?: string | number | boolean | undefined;
591
+ readonly 'border-focus-middle'?: string | number | boolean | undefined;
592
+ readonly 'border-focus-outer'?: string | number | boolean | undefined;
584
593
  readonly 'border-neutrals'?: string | number | boolean | undefined;
585
- readonly 'border-neutrals-hover'?: string | number | boolean | undefined;
586
594
  readonly 'border-neutrals-active'?: string | number | boolean | undefined;
587
- readonly 'border-neutrals-disabled'?: string | number | boolean | undefined;
588
595
  readonly 'border-neutrals-controls'?: string | number | boolean | undefined;
589
596
  readonly 'border-neutrals-controls-disabled'?: string | number | boolean | undefined;
590
- readonly 'border-neutrals-subtle'?: string | number | boolean | undefined;
597
+ readonly 'border-neutrals-disabled'?: string | number | boolean | undefined;
598
+ readonly 'border-neutrals-hover'?: string | number | boolean | undefined;
591
599
  readonly 'border-neutrals-inverted'?: string | number | boolean | undefined;
600
+ readonly 'border-neutrals-subtle'?: string | number | boolean | undefined;
592
601
  readonly 'border-primary'?: string | number | boolean | undefined;
593
- readonly 'border-primary-hover'?: string | number | boolean | undefined;
594
602
  readonly 'border-primary-active'?: string | number | boolean | undefined;
603
+ readonly 'border-primary-hover'?: string | number | boolean | undefined;
595
604
  readonly 'border-primary-inverted'?: string | number | boolean | undefined;
596
- readonly 'border-danger'?: string | number | boolean | undefined;
597
605
  readonly 'border-success'?: string | number | boolean | undefined;
598
606
  readonly 'border-warning'?: string | number | boolean | undefined;
599
607
  } | undefined;
@@ -763,89 +771,93 @@ declare const createTheme: <Argument0 extends string | ({
763
771
  readonly black?: string | number | boolean | undefined;
764
772
  readonly white?: string | number | boolean | undefined;
765
773
  readonly transparent?: string | number | boolean | undefined;
774
+ readonly 'background-danger'?: string | number | boolean | undefined;
775
+ readonly 'background-danger-hover'?: string | number | boolean | undefined;
776
+ readonly 'background-danger-prominent'?: string | number | boolean | undefined;
777
+ readonly 'background-danger-prominent-active'?: string | number | boolean | undefined;
778
+ readonly 'background-danger-prominent-hover'?: string | number | boolean | undefined;
766
779
  readonly 'background-neutrals'?: string | number | boolean | undefined;
767
780
  readonly 'background-neutrals-body'?: string | number | boolean | undefined;
768
781
  readonly 'background-neutrals-container'?: string | number | boolean | undefined;
782
+ readonly 'background-neutrals-controls-disabled'?: string | number | boolean | undefined;
783
+ readonly 'background-neutrals-disabled'?: string | number | boolean | undefined;
784
+ readonly 'background-neutrals-inactive'?: string | number | boolean | undefined;
785
+ readonly 'background-neutrals-inactive-hover'?: string | number | boolean | undefined;
769
786
  readonly 'background-neutrals-inverted'?: string | number | boolean | undefined;
770
787
  readonly 'background-neutrals-inverted-subtle'?: string | number | boolean | undefined;
788
+ readonly 'background-neutrals-scrolls'?: string | number | boolean | undefined;
789
+ readonly 'background-neutrals-scrolls-hover'?: string | number | boolean | undefined;
771
790
  readonly 'background-neutrals-subtle'?: string | number | boolean | undefined;
772
- readonly 'background-neutrals-subtle-hover'?: string | number | boolean | undefined;
773
791
  readonly 'background-neutrals-subtle-active'?: string | number | boolean | undefined;
774
- readonly 'background-neutrals-disabled'?: string | number | boolean | undefined;
775
- readonly 'background-neutrals-controls-disabled'?: string | number | boolean | undefined;
776
- readonly 'background-neutrals-scrolls'?: string | number | boolean | undefined;
777
- readonly 'background-neutrals-inactive'?: string | number | boolean | undefined;
778
- readonly 'background-neutrals-inactive-hover'?: string | number | boolean | undefined;
792
+ readonly 'background-neutrals-subtle-hover'?: string | number | boolean | undefined;
779
793
  readonly 'background-primary-prominent'?: string | number | boolean | undefined;
780
- readonly 'background-primary-prominent-hover'?: string | number | boolean | undefined;
781
794
  readonly 'background-primary-prominent-active'?: string | number | boolean | undefined;
795
+ readonly 'background-primary-prominent-hover'?: string | number | boolean | undefined;
782
796
  readonly 'background-primary-prominent-selected'?: string | number | boolean | undefined;
783
797
  readonly 'background-primary-subtle'?: string | number | boolean | undefined;
784
- readonly 'background-primary-subtle-hover'?: string | number | boolean | undefined;
785
798
  readonly 'background-primary-subtle-active'?: string | number | boolean | undefined;
799
+ readonly 'background-primary-subtle-hover'?: string | number | boolean | undefined;
786
800
  readonly 'background-primary-subtle-selected'?: string | number | boolean | undefined;
787
- readonly 'background-danger-prominent'?: string | number | boolean | undefined;
788
- readonly 'background-danger-prominent-hover'?: string | number | boolean | undefined;
789
- readonly 'background-danger-prominent-active'?: string | number | boolean | undefined;
790
- readonly 'background-danger'?: string | number | boolean | undefined;
791
- readonly 'background-danger-hover'?: string | number | boolean | undefined;
792
801
  readonly 'background-success'?: string | number | boolean | undefined;
793
- readonly 'background-warning-subtle'?: string | number | boolean | undefined;
794
802
  readonly 'background-warning-prominent'?: string | number | boolean | undefined;
795
- readonly 'text-neutrals-inverted'?: string | number | boolean | undefined;
803
+ readonly 'background-warning-subtle'?: string | number | boolean | undefined;
804
+ readonly 'text-danger'?: string | number | boolean | undefined;
805
+ readonly 'text-danger-active'?: string | number | boolean | undefined;
806
+ readonly 'text-danger-hover'?: string | number | boolean | undefined;
807
+ readonly 'text-danger-inverted'?: string | number | boolean | undefined;
796
808
  readonly 'text-neutrals'?: string | number | boolean | undefined;
797
- readonly 'text-neutrals-subtle'?: string | number | boolean | undefined;
798
- readonly 'text-neutrals-placeholder-only'?: string | number | boolean | undefined;
799
- readonly 'text-neutrals-placeholder'?: string | number | boolean | undefined;
800
809
  readonly 'text-neutrals-disabled'?: string | number | boolean | undefined;
801
- readonly 'text-primary-inverted'?: string | number | boolean | undefined;
810
+ readonly 'text-neutrals-inverted'?: string | number | boolean | undefined;
811
+ readonly 'text-neutrals-link'?: string | number | boolean | undefined;
812
+ readonly 'text-neutrals-link-active'?: string | number | boolean | undefined;
813
+ readonly 'text-neutrals-link-hover'?: string | number | boolean | undefined;
814
+ readonly 'text-neutrals-placeholder'?: string | number | boolean | undefined;
815
+ readonly 'text-neutrals-placeholder-only'?: string | number | boolean | undefined;
816
+ readonly 'text-neutrals-subtle'?: string | number | boolean | undefined;
802
817
  readonly 'text-primary'?: string | number | boolean | undefined;
803
- readonly 'text-primary-hover'?: string | number | boolean | undefined;
804
818
  readonly 'text-primary-active'?: string | number | boolean | undefined;
805
- readonly 'text-primary-selected'?: string | number | boolean | undefined;
819
+ readonly 'text-primary-hover'?: string | number | boolean | undefined;
820
+ readonly 'text-primary-inverted'?: string | number | boolean | undefined;
806
821
  readonly 'text-primary-inverted-subtle'?: string | number | boolean | undefined;
807
- readonly 'text-danger-inverted'?: string | number | boolean | undefined;
808
- readonly 'text-danger'?: string | number | boolean | undefined;
809
- readonly 'text-danger-hover'?: string | number | boolean | undefined;
810
- readonly 'text-danger-active'?: string | number | boolean | undefined;
822
+ readonly 'text-primary-selected'?: string | number | boolean | undefined;
811
823
  readonly 'text-success'?: string | number | boolean | undefined;
812
824
  readonly 'text-warning'?: string | number | boolean | undefined;
813
- readonly 'icon-neutrals-inverted'?: string | number | boolean | undefined;
825
+ readonly 'icon-danger'?: string | number | boolean | undefined;
826
+ readonly 'icon-danger-active'?: string | number | boolean | undefined;
827
+ readonly 'icon-danger-hover'?: string | number | boolean | undefined;
828
+ readonly 'icon-danger-inverted'?: string | number | boolean | undefined;
814
829
  readonly 'icon-neutrals'?: string | number | boolean | undefined;
815
- readonly 'icon-neutrals-with-text'?: string | number | boolean | undefined;
816
- readonly 'icon-neutrals-subtle'?: string | number | boolean | undefined;
817
830
  readonly 'icon-neutrals-disabled'?: string | number | boolean | undefined;
818
- readonly 'icon-neutrals-search'?: string | number | boolean | undefined;
819
831
  readonly 'icon-neutrals-inactive'?: string | number | boolean | undefined;
820
832
  readonly 'icon-neutrals-inactive-hover'?: string | number | boolean | undefined;
821
- readonly 'icon-primary-inverted'?: string | number | boolean | undefined;
833
+ readonly 'icon-neutrals-inverted'?: string | number | boolean | undefined;
834
+ readonly 'icon-neutrals-search'?: string | number | boolean | undefined;
835
+ readonly 'icon-neutrals-subtle'?: string | number | boolean | undefined;
836
+ readonly 'icon-neutrals-with-text'?: string | number | boolean | undefined;
822
837
  readonly 'icon-primary'?: string | number | boolean | undefined;
823
- readonly 'icon-primary-hover'?: string | number | boolean | undefined;
824
838
  readonly 'icon-primary-active'?: string | number | boolean | undefined;
839
+ readonly 'icon-primary-hover'?: string | number | boolean | undefined;
840
+ readonly 'icon-primary-inverted'?: string | number | boolean | undefined;
825
841
  readonly 'icon-primary-selected'?: string | number | boolean | undefined;
826
- readonly 'icon-danger-inverted'?: string | number | boolean | undefined;
827
- readonly 'icon-danger'?: string | number | boolean | undefined;
828
- readonly 'icon-danger-hover'?: string | number | boolean | undefined;
829
- readonly 'icon-danger-active'?: string | number | boolean | undefined;
830
- readonly 'icon-success-inverted'?: string | number | boolean | undefined;
831
842
  readonly 'icon-success'?: string | number | boolean | undefined;
843
+ readonly 'icon-success-inverted'?: string | number | boolean | undefined;
832
844
  readonly 'icon-warning'?: string | number | boolean | undefined;
833
- readonly 'border-focus-outer'?: string | number | boolean | undefined;
834
- readonly 'border-focus-middle'?: string | number | boolean | undefined;
845
+ readonly 'border-danger'?: string | number | boolean | undefined;
835
846
  readonly 'border-focus-inner'?: string | number | boolean | undefined;
847
+ readonly 'border-focus-middle'?: string | number | boolean | undefined;
848
+ readonly 'border-focus-outer'?: string | number | boolean | undefined;
836
849
  readonly 'border-neutrals'?: string | number | boolean | undefined;
837
- readonly 'border-neutrals-hover'?: string | number | boolean | undefined;
838
850
  readonly 'border-neutrals-active'?: string | number | boolean | undefined;
839
- readonly 'border-neutrals-disabled'?: string | number | boolean | undefined;
840
851
  readonly 'border-neutrals-controls'?: string | number | boolean | undefined;
841
852
  readonly 'border-neutrals-controls-disabled'?: string | number | boolean | undefined;
842
- readonly 'border-neutrals-subtle'?: string | number | boolean | undefined;
853
+ readonly 'border-neutrals-disabled'?: string | number | boolean | undefined;
854
+ readonly 'border-neutrals-hover'?: string | number | boolean | undefined;
843
855
  readonly 'border-neutrals-inverted'?: string | number | boolean | undefined;
856
+ readonly 'border-neutrals-subtle'?: string | number | boolean | undefined;
844
857
  readonly 'border-primary'?: string | number | boolean | undefined;
845
- readonly 'border-primary-hover'?: string | number | boolean | undefined;
846
858
  readonly 'border-primary-active'?: string | number | boolean | undefined;
859
+ readonly 'border-primary-hover'?: string | number | boolean | undefined;
847
860
  readonly 'border-primary-inverted'?: string | number | boolean | undefined;
848
- readonly 'border-danger'?: string | number | boolean | undefined;
849
861
  readonly 'border-success'?: string | number | boolean | undefined;
850
862
  readonly 'border-warning'?: string | number | boolean | undefined;
851
863
  } | undefined;
@@ -953,7 +965,7 @@ declare const createTheme: <Argument0 extends string | ({
953
965
  className: string;
954
966
  selector: string;
955
967
  } & (Argument0 extends string ? _stitches_react_types_stitches.ThemeTokens<Argument1, ""> : _stitches_react_types_stitches.ThemeTokens<Argument0, "">);
956
- declare const css: <Composers extends (string | _stitches_react_types_util.Function | React.ExoticComponent<any> | React.JSXElementConstructor<any> | {
968
+ declare const css: <Composers extends (string | _stitches_react_types_util.Function | React.JSXElementConstructor<any> | React.ExoticComponent<any> | {
957
969
  [name: string]: unknown;
958
970
  })[], CSS = CSSUtil.CSS<{}, {
959
971
  'border-widths': {
@@ -1021,89 +1033,93 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1021
1033
  readonly black: any;
1022
1034
  readonly white: any;
1023
1035
  readonly transparent: any;
1036
+ readonly 'background-danger'?: any;
1037
+ readonly 'background-danger-hover'?: any;
1038
+ readonly 'background-danger-prominent'?: any;
1039
+ readonly 'background-danger-prominent-active'?: any;
1040
+ readonly 'background-danger-prominent-hover'?: any;
1024
1041
  readonly 'background-neutrals'?: any;
1025
1042
  readonly 'background-neutrals-body'?: any;
1026
1043
  readonly 'background-neutrals-container'?: any;
1044
+ readonly 'background-neutrals-controls-disabled'?: any;
1045
+ readonly 'background-neutrals-disabled'?: any;
1046
+ readonly 'background-neutrals-inactive'?: any;
1047
+ readonly 'background-neutrals-inactive-hover'?: any;
1027
1048
  readonly 'background-neutrals-inverted'?: any;
1028
1049
  readonly 'background-neutrals-inverted-subtle'?: any;
1050
+ readonly 'background-neutrals-scrolls'?: any;
1051
+ readonly 'background-neutrals-scrolls-hover'?: any;
1029
1052
  readonly 'background-neutrals-subtle'?: any;
1030
- readonly 'background-neutrals-subtle-hover'?: any;
1031
1053
  readonly 'background-neutrals-subtle-active'?: any;
1032
- readonly 'background-neutrals-disabled'?: any;
1033
- readonly 'background-neutrals-controls-disabled'?: any;
1034
- readonly 'background-neutrals-scrolls'?: any;
1035
- readonly 'background-neutrals-inactive'?: any;
1036
- readonly 'background-neutrals-inactive-hover'?: any;
1054
+ readonly 'background-neutrals-subtle-hover'?: any;
1037
1055
  readonly 'background-primary-prominent'?: any;
1038
- readonly 'background-primary-prominent-hover'?: any;
1039
1056
  readonly 'background-primary-prominent-active'?: any;
1057
+ readonly 'background-primary-prominent-hover'?: any;
1040
1058
  readonly 'background-primary-prominent-selected'?: any;
1041
1059
  readonly 'background-primary-subtle'?: any;
1042
- readonly 'background-primary-subtle-hover'?: any;
1043
1060
  readonly 'background-primary-subtle-active'?: any;
1061
+ readonly 'background-primary-subtle-hover'?: any;
1044
1062
  readonly 'background-primary-subtle-selected'?: any;
1045
- readonly 'background-danger-prominent'?: any;
1046
- readonly 'background-danger-prominent-hover'?: any;
1047
- readonly 'background-danger-prominent-active'?: any;
1048
- readonly 'background-danger'?: any;
1049
- readonly 'background-danger-hover'?: any;
1050
1063
  readonly 'background-success'?: any;
1051
- readonly 'background-warning-subtle'?: any;
1052
1064
  readonly 'background-warning-prominent'?: any;
1053
- readonly 'text-neutrals-inverted'?: any;
1065
+ readonly 'background-warning-subtle'?: any;
1066
+ readonly 'text-danger'?: any;
1067
+ readonly 'text-danger-active'?: any;
1068
+ readonly 'text-danger-hover'?: any;
1069
+ readonly 'text-danger-inverted'?: any;
1054
1070
  readonly 'text-neutrals'?: any;
1055
- readonly 'text-neutrals-subtle'?: any;
1056
- readonly 'text-neutrals-placeholder-only'?: any;
1057
- readonly 'text-neutrals-placeholder'?: any;
1058
1071
  readonly 'text-neutrals-disabled'?: any;
1059
- readonly 'text-primary-inverted'?: any;
1072
+ readonly 'text-neutrals-inverted'?: any;
1073
+ readonly 'text-neutrals-link'?: any;
1074
+ readonly 'text-neutrals-link-active'?: any;
1075
+ readonly 'text-neutrals-link-hover'?: any;
1076
+ readonly 'text-neutrals-placeholder'?: any;
1077
+ readonly 'text-neutrals-placeholder-only'?: any;
1078
+ readonly 'text-neutrals-subtle'?: any;
1060
1079
  readonly 'text-primary'?: any;
1061
- readonly 'text-primary-hover'?: any;
1062
1080
  readonly 'text-primary-active'?: any;
1063
- readonly 'text-primary-selected'?: any;
1081
+ readonly 'text-primary-hover'?: any;
1082
+ readonly 'text-primary-inverted'?: any;
1064
1083
  readonly 'text-primary-inverted-subtle'?: any;
1065
- readonly 'text-danger-inverted'?: any;
1066
- readonly 'text-danger'?: any;
1067
- readonly 'text-danger-hover'?: any;
1068
- readonly 'text-danger-active'?: any;
1084
+ readonly 'text-primary-selected'?: any;
1069
1085
  readonly 'text-success'?: any;
1070
1086
  readonly 'text-warning'?: any;
1071
- readonly 'icon-neutrals-inverted'?: any;
1087
+ readonly 'icon-danger'?: any;
1088
+ readonly 'icon-danger-active'?: any;
1089
+ readonly 'icon-danger-hover'?: any;
1090
+ readonly 'icon-danger-inverted'?: any;
1072
1091
  readonly 'icon-neutrals'?: any;
1073
- readonly 'icon-neutrals-with-text'?: any;
1074
- readonly 'icon-neutrals-subtle'?: any;
1075
1092
  readonly 'icon-neutrals-disabled'?: any;
1076
- readonly 'icon-neutrals-search'?: any;
1077
1093
  readonly 'icon-neutrals-inactive'?: any;
1078
1094
  readonly 'icon-neutrals-inactive-hover'?: any;
1079
- readonly 'icon-primary-inverted'?: any;
1095
+ readonly 'icon-neutrals-inverted'?: any;
1096
+ readonly 'icon-neutrals-search'?: any;
1097
+ readonly 'icon-neutrals-subtle'?: any;
1098
+ readonly 'icon-neutrals-with-text'?: any;
1080
1099
  readonly 'icon-primary'?: any;
1081
- readonly 'icon-primary-hover'?: any;
1082
1100
  readonly 'icon-primary-active'?: any;
1101
+ readonly 'icon-primary-hover'?: any;
1102
+ readonly 'icon-primary-inverted'?: any;
1083
1103
  readonly 'icon-primary-selected'?: any;
1084
- readonly 'icon-danger-inverted'?: any;
1085
- readonly 'icon-danger'?: any;
1086
- readonly 'icon-danger-hover'?: any;
1087
- readonly 'icon-danger-active'?: any;
1088
- readonly 'icon-success-inverted'?: any;
1089
1104
  readonly 'icon-success'?: any;
1105
+ readonly 'icon-success-inverted'?: any;
1090
1106
  readonly 'icon-warning'?: any;
1091
- readonly 'border-focus-outer'?: any;
1092
- readonly 'border-focus-middle'?: any;
1107
+ readonly 'border-danger'?: any;
1093
1108
  readonly 'border-focus-inner'?: any;
1109
+ readonly 'border-focus-middle'?: any;
1110
+ readonly 'border-focus-outer'?: any;
1094
1111
  readonly 'border-neutrals'?: any;
1095
- readonly 'border-neutrals-hover'?: any;
1096
1112
  readonly 'border-neutrals-active'?: any;
1097
- readonly 'border-neutrals-disabled'?: any;
1098
1113
  readonly 'border-neutrals-controls'?: any;
1099
1114
  readonly 'border-neutrals-controls-disabled'?: any;
1100
- readonly 'border-neutrals-subtle'?: any;
1115
+ readonly 'border-neutrals-disabled'?: any;
1116
+ readonly 'border-neutrals-hover'?: any;
1101
1117
  readonly 'border-neutrals-inverted'?: any;
1118
+ readonly 'border-neutrals-subtle'?: any;
1102
1119
  readonly 'border-primary'?: any;
1103
- readonly 'border-primary-hover'?: any;
1104
1120
  readonly 'border-primary-active'?: any;
1121
+ readonly 'border-primary-hover'?: any;
1105
1122
  readonly 'border-primary-inverted'?: any;
1106
- readonly 'border-danger'?: any;
1107
1123
  readonly 'border-success'?: any;
1108
1124
  readonly 'border-warning'?: any;
1109
1125
  };
@@ -1382,7 +1398,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1382
1398
  readonly [CSSUtil.$$PropertyValue]: "width";
1383
1399
  };
1384
1400
  };
1385
- }>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | React.ExoticComponent<any> | React.JSXElementConstructor<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS> & {
1401
+ }>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | React.JSXElementConstructor<any> | React.ExoticComponent<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS> & {
1386
1402
  variants?: {
1387
1403
  [x: string]: {
1388
1404
  [x: string]: CSS;
@@ -1467,89 +1483,93 @@ declare const globalCss: <Styles extends {
1467
1483
  readonly black: any;
1468
1484
  readonly white: any;
1469
1485
  readonly transparent: any;
1486
+ readonly 'background-danger'?: any;
1487
+ readonly 'background-danger-hover'?: any;
1488
+ readonly 'background-danger-prominent'?: any;
1489
+ readonly 'background-danger-prominent-active'?: any;
1490
+ readonly 'background-danger-prominent-hover'?: any;
1470
1491
  readonly 'background-neutrals'?: any;
1471
1492
  readonly 'background-neutrals-body'?: any;
1472
1493
  readonly 'background-neutrals-container'?: any;
1494
+ readonly 'background-neutrals-controls-disabled'?: any;
1495
+ readonly 'background-neutrals-disabled'?: any;
1496
+ readonly 'background-neutrals-inactive'?: any;
1497
+ readonly 'background-neutrals-inactive-hover'?: any;
1473
1498
  readonly 'background-neutrals-inverted'?: any;
1474
1499
  readonly 'background-neutrals-inverted-subtle'?: any;
1500
+ readonly 'background-neutrals-scrolls'?: any;
1501
+ readonly 'background-neutrals-scrolls-hover'?: any;
1475
1502
  readonly 'background-neutrals-subtle'?: any;
1476
- readonly 'background-neutrals-subtle-hover'?: any;
1477
1503
  readonly 'background-neutrals-subtle-active'?: any;
1478
- readonly 'background-neutrals-disabled'?: any;
1479
- readonly 'background-neutrals-controls-disabled'?: any;
1480
- readonly 'background-neutrals-scrolls'?: any;
1481
- readonly 'background-neutrals-inactive'?: any;
1482
- readonly 'background-neutrals-inactive-hover'?: any;
1504
+ readonly 'background-neutrals-subtle-hover'?: any;
1483
1505
  readonly 'background-primary-prominent'?: any;
1484
- readonly 'background-primary-prominent-hover'?: any;
1485
1506
  readonly 'background-primary-prominent-active'?: any;
1507
+ readonly 'background-primary-prominent-hover'?: any;
1486
1508
  readonly 'background-primary-prominent-selected'?: any;
1487
1509
  readonly 'background-primary-subtle'?: any;
1488
- readonly 'background-primary-subtle-hover'?: any;
1489
1510
  readonly 'background-primary-subtle-active'?: any;
1511
+ readonly 'background-primary-subtle-hover'?: any;
1490
1512
  readonly 'background-primary-subtle-selected'?: any;
1491
- readonly 'background-danger-prominent'?: any;
1492
- readonly 'background-danger-prominent-hover'?: any;
1493
- readonly 'background-danger-prominent-active'?: any;
1494
- readonly 'background-danger'?: any;
1495
- readonly 'background-danger-hover'?: any;
1496
1513
  readonly 'background-success'?: any;
1497
- readonly 'background-warning-subtle'?: any;
1498
1514
  readonly 'background-warning-prominent'?: any;
1499
- readonly 'text-neutrals-inverted'?: any;
1515
+ readonly 'background-warning-subtle'?: any;
1516
+ readonly 'text-danger'?: any;
1517
+ readonly 'text-danger-active'?: any;
1518
+ readonly 'text-danger-hover'?: any;
1519
+ readonly 'text-danger-inverted'?: any;
1500
1520
  readonly 'text-neutrals'?: any;
1501
- readonly 'text-neutrals-subtle'?: any;
1502
- readonly 'text-neutrals-placeholder-only'?: any;
1503
- readonly 'text-neutrals-placeholder'?: any;
1504
1521
  readonly 'text-neutrals-disabled'?: any;
1505
- readonly 'text-primary-inverted'?: any;
1522
+ readonly 'text-neutrals-inverted'?: any;
1523
+ readonly 'text-neutrals-link'?: any;
1524
+ readonly 'text-neutrals-link-active'?: any;
1525
+ readonly 'text-neutrals-link-hover'?: any;
1526
+ readonly 'text-neutrals-placeholder'?: any;
1527
+ readonly 'text-neutrals-placeholder-only'?: any;
1528
+ readonly 'text-neutrals-subtle'?: any;
1506
1529
  readonly 'text-primary'?: any;
1507
- readonly 'text-primary-hover'?: any;
1508
1530
  readonly 'text-primary-active'?: any;
1509
- readonly 'text-primary-selected'?: any;
1531
+ readonly 'text-primary-hover'?: any;
1532
+ readonly 'text-primary-inverted'?: any;
1510
1533
  readonly 'text-primary-inverted-subtle'?: any;
1511
- readonly 'text-danger-inverted'?: any;
1512
- readonly 'text-danger'?: any;
1513
- readonly 'text-danger-hover'?: any;
1514
- readonly 'text-danger-active'?: any;
1534
+ readonly 'text-primary-selected'?: any;
1515
1535
  readonly 'text-success'?: any;
1516
1536
  readonly 'text-warning'?: any;
1517
- readonly 'icon-neutrals-inverted'?: any;
1537
+ readonly 'icon-danger'?: any;
1538
+ readonly 'icon-danger-active'?: any;
1539
+ readonly 'icon-danger-hover'?: any;
1540
+ readonly 'icon-danger-inverted'?: any;
1518
1541
  readonly 'icon-neutrals'?: any;
1519
- readonly 'icon-neutrals-with-text'?: any;
1520
- readonly 'icon-neutrals-subtle'?: any;
1521
1542
  readonly 'icon-neutrals-disabled'?: any;
1522
- readonly 'icon-neutrals-search'?: any;
1523
1543
  readonly 'icon-neutrals-inactive'?: any;
1524
1544
  readonly 'icon-neutrals-inactive-hover'?: any;
1525
- readonly 'icon-primary-inverted'?: any;
1545
+ readonly 'icon-neutrals-inverted'?: any;
1546
+ readonly 'icon-neutrals-search'?: any;
1547
+ readonly 'icon-neutrals-subtle'?: any;
1548
+ readonly 'icon-neutrals-with-text'?: any;
1526
1549
  readonly 'icon-primary'?: any;
1527
- readonly 'icon-primary-hover'?: any;
1528
1550
  readonly 'icon-primary-active'?: any;
1551
+ readonly 'icon-primary-hover'?: any;
1552
+ readonly 'icon-primary-inverted'?: any;
1529
1553
  readonly 'icon-primary-selected'?: any;
1530
- readonly 'icon-danger-inverted'?: any;
1531
- readonly 'icon-danger'?: any;
1532
- readonly 'icon-danger-hover'?: any;
1533
- readonly 'icon-danger-active'?: any;
1534
- readonly 'icon-success-inverted'?: any;
1535
1554
  readonly 'icon-success'?: any;
1555
+ readonly 'icon-success-inverted'?: any;
1536
1556
  readonly 'icon-warning'?: any;
1537
- readonly 'border-focus-outer'?: any;
1538
- readonly 'border-focus-middle'?: any;
1557
+ readonly 'border-danger'?: any;
1539
1558
  readonly 'border-focus-inner'?: any;
1559
+ readonly 'border-focus-middle'?: any;
1560
+ readonly 'border-focus-outer'?: any;
1540
1561
  readonly 'border-neutrals'?: any;
1541
- readonly 'border-neutrals-hover'?: any;
1542
1562
  readonly 'border-neutrals-active'?: any;
1543
- readonly 'border-neutrals-disabled'?: any;
1544
1563
  readonly 'border-neutrals-controls'?: any;
1545
1564
  readonly 'border-neutrals-controls-disabled'?: any;
1546
- readonly 'border-neutrals-subtle'?: any;
1565
+ readonly 'border-neutrals-disabled'?: any;
1566
+ readonly 'border-neutrals-hover'?: any;
1547
1567
  readonly 'border-neutrals-inverted'?: any;
1568
+ readonly 'border-neutrals-subtle'?: any;
1548
1569
  readonly 'border-primary'?: any;
1549
- readonly 'border-primary-hover'?: any;
1550
1570
  readonly 'border-primary-active'?: any;
1571
+ readonly 'border-primary-hover'?: any;
1551
1572
  readonly 'border-primary-inverted'?: any;
1552
- readonly 'border-danger'?: any;
1553
1573
  readonly 'border-success'?: any;
1554
1574
  readonly 'border-warning'?: any;
1555
1575
  };
@@ -1895,89 +1915,93 @@ declare const globalCss: <Styles extends {
1895
1915
  readonly black: any;
1896
1916
  readonly white: any;
1897
1917
  readonly transparent: any;
1918
+ readonly 'background-danger'?: any;
1919
+ readonly 'background-danger-hover'?: any;
1920
+ readonly 'background-danger-prominent'?: any;
1921
+ readonly 'background-danger-prominent-active'?: any;
1922
+ readonly 'background-danger-prominent-hover'?: any;
1898
1923
  readonly 'background-neutrals'?: any;
1899
1924
  readonly 'background-neutrals-body'?: any;
1900
1925
  readonly 'background-neutrals-container'?: any;
1926
+ readonly 'background-neutrals-controls-disabled'?: any;
1927
+ readonly 'background-neutrals-disabled'?: any;
1928
+ readonly 'background-neutrals-inactive'?: any;
1929
+ readonly 'background-neutrals-inactive-hover'?: any;
1901
1930
  readonly 'background-neutrals-inverted'?: any;
1902
1931
  readonly 'background-neutrals-inverted-subtle'?: any;
1932
+ readonly 'background-neutrals-scrolls'?: any;
1933
+ readonly 'background-neutrals-scrolls-hover'?: any;
1903
1934
  readonly 'background-neutrals-subtle'?: any;
1904
- readonly 'background-neutrals-subtle-hover'?: any;
1905
1935
  readonly 'background-neutrals-subtle-active'?: any;
1906
- readonly 'background-neutrals-disabled'?: any;
1907
- readonly 'background-neutrals-controls-disabled'?: any;
1908
- readonly 'background-neutrals-scrolls'?: any;
1909
- readonly 'background-neutrals-inactive'?: any;
1910
- readonly 'background-neutrals-inactive-hover'?: any;
1936
+ readonly 'background-neutrals-subtle-hover'?: any;
1911
1937
  readonly 'background-primary-prominent'?: any;
1912
- readonly 'background-primary-prominent-hover'?: any;
1913
1938
  readonly 'background-primary-prominent-active'?: any;
1939
+ readonly 'background-primary-prominent-hover'?: any;
1914
1940
  readonly 'background-primary-prominent-selected'?: any;
1915
1941
  readonly 'background-primary-subtle'?: any;
1916
- readonly 'background-primary-subtle-hover'?: any;
1917
1942
  readonly 'background-primary-subtle-active'?: any;
1943
+ readonly 'background-primary-subtle-hover'?: any;
1918
1944
  readonly 'background-primary-subtle-selected'?: any;
1919
- readonly 'background-danger-prominent'?: any;
1920
- readonly 'background-danger-prominent-hover'?: any;
1921
- readonly 'background-danger-prominent-active'?: any;
1922
- readonly 'background-danger'?: any;
1923
- readonly 'background-danger-hover'?: any;
1924
1945
  readonly 'background-success'?: any;
1925
- readonly 'background-warning-subtle'?: any;
1926
1946
  readonly 'background-warning-prominent'?: any;
1927
- readonly 'text-neutrals-inverted'?: any;
1947
+ readonly 'background-warning-subtle'?: any;
1948
+ readonly 'text-danger'?: any;
1949
+ readonly 'text-danger-active'?: any;
1950
+ readonly 'text-danger-hover'?: any;
1951
+ readonly 'text-danger-inverted'?: any;
1928
1952
  readonly 'text-neutrals'?: any;
1929
- readonly 'text-neutrals-subtle'?: any;
1930
- readonly 'text-neutrals-placeholder-only'?: any;
1931
- readonly 'text-neutrals-placeholder'?: any;
1932
1953
  readonly 'text-neutrals-disabled'?: any;
1933
- readonly 'text-primary-inverted'?: any;
1954
+ readonly 'text-neutrals-inverted'?: any;
1955
+ readonly 'text-neutrals-link'?: any;
1956
+ readonly 'text-neutrals-link-active'?: any;
1957
+ readonly 'text-neutrals-link-hover'?: any;
1958
+ readonly 'text-neutrals-placeholder'?: any;
1959
+ readonly 'text-neutrals-placeholder-only'?: any;
1960
+ readonly 'text-neutrals-subtle'?: any;
1934
1961
  readonly 'text-primary'?: any;
1935
- readonly 'text-primary-hover'?: any;
1936
1962
  readonly 'text-primary-active'?: any;
1937
- readonly 'text-primary-selected'?: any;
1963
+ readonly 'text-primary-hover'?: any;
1964
+ readonly 'text-primary-inverted'?: any;
1938
1965
  readonly 'text-primary-inverted-subtle'?: any;
1939
- readonly 'text-danger-inverted'?: any;
1940
- readonly 'text-danger'?: any;
1941
- readonly 'text-danger-hover'?: any;
1942
- readonly 'text-danger-active'?: any;
1966
+ readonly 'text-primary-selected'?: any;
1943
1967
  readonly 'text-success'?: any;
1944
1968
  readonly 'text-warning'?: any;
1945
- readonly 'icon-neutrals-inverted'?: any;
1969
+ readonly 'icon-danger'?: any;
1970
+ readonly 'icon-danger-active'?: any;
1971
+ readonly 'icon-danger-hover'?: any;
1972
+ readonly 'icon-danger-inverted'?: any;
1946
1973
  readonly 'icon-neutrals'?: any;
1947
- readonly 'icon-neutrals-with-text'?: any;
1948
- readonly 'icon-neutrals-subtle'?: any;
1949
1974
  readonly 'icon-neutrals-disabled'?: any;
1950
- readonly 'icon-neutrals-search'?: any;
1951
1975
  readonly 'icon-neutrals-inactive'?: any;
1952
1976
  readonly 'icon-neutrals-inactive-hover'?: any;
1953
- readonly 'icon-primary-inverted'?: any;
1977
+ readonly 'icon-neutrals-inverted'?: any;
1978
+ readonly 'icon-neutrals-search'?: any;
1979
+ readonly 'icon-neutrals-subtle'?: any;
1980
+ readonly 'icon-neutrals-with-text'?: any;
1954
1981
  readonly 'icon-primary'?: any;
1955
- readonly 'icon-primary-hover'?: any;
1956
1982
  readonly 'icon-primary-active'?: any;
1983
+ readonly 'icon-primary-hover'?: any;
1984
+ readonly 'icon-primary-inverted'?: any;
1957
1985
  readonly 'icon-primary-selected'?: any;
1958
- readonly 'icon-danger-inverted'?: any;
1959
- readonly 'icon-danger'?: any;
1960
- readonly 'icon-danger-hover'?: any;
1961
- readonly 'icon-danger-active'?: any;
1962
- readonly 'icon-success-inverted'?: any;
1963
1986
  readonly 'icon-success'?: any;
1987
+ readonly 'icon-success-inverted'?: any;
1964
1988
  readonly 'icon-warning'?: any;
1965
- readonly 'border-focus-outer'?: any;
1966
- readonly 'border-focus-middle'?: any;
1989
+ readonly 'border-danger'?: any;
1967
1990
  readonly 'border-focus-inner'?: any;
1991
+ readonly 'border-focus-middle'?: any;
1992
+ readonly 'border-focus-outer'?: any;
1968
1993
  readonly 'border-neutrals'?: any;
1969
- readonly 'border-neutrals-hover'?: any;
1970
1994
  readonly 'border-neutrals-active'?: any;
1971
- readonly 'border-neutrals-disabled'?: any;
1972
1995
  readonly 'border-neutrals-controls'?: any;
1973
1996
  readonly 'border-neutrals-controls-disabled'?: any;
1974
- readonly 'border-neutrals-subtle'?: any;
1997
+ readonly 'border-neutrals-disabled'?: any;
1998
+ readonly 'border-neutrals-hover'?: any;
1975
1999
  readonly 'border-neutrals-inverted'?: any;
2000
+ readonly 'border-neutrals-subtle'?: any;
1976
2001
  readonly 'border-primary'?: any;
1977
- readonly 'border-primary-hover'?: any;
1978
2002
  readonly 'border-primary-active'?: any;
2003
+ readonly 'border-primary-hover'?: any;
1979
2004
  readonly 'border-primary-inverted'?: any;
1980
- readonly 'border-danger'?: any;
1981
2005
  readonly 'border-success'?: any;
1982
2006
  readonly 'border-warning'?: any;
1983
2007
  };
@@ -2324,89 +2348,93 @@ declare const keyframes: (style: {
2324
2348
  readonly black: any;
2325
2349
  readonly white: any;
2326
2350
  readonly transparent: any;
2351
+ readonly 'background-danger'?: any;
2352
+ readonly 'background-danger-hover'?: any;
2353
+ readonly 'background-danger-prominent'?: any;
2354
+ readonly 'background-danger-prominent-active'?: any;
2355
+ readonly 'background-danger-prominent-hover'?: any;
2327
2356
  readonly 'background-neutrals'?: any;
2328
2357
  readonly 'background-neutrals-body'?: any;
2329
2358
  readonly 'background-neutrals-container'?: any;
2359
+ readonly 'background-neutrals-controls-disabled'?: any;
2360
+ readonly 'background-neutrals-disabled'?: any;
2361
+ readonly 'background-neutrals-inactive'?: any;
2362
+ readonly 'background-neutrals-inactive-hover'?: any;
2330
2363
  readonly 'background-neutrals-inverted'?: any;
2331
2364
  readonly 'background-neutrals-inverted-subtle'?: any;
2365
+ readonly 'background-neutrals-scrolls'?: any;
2366
+ readonly 'background-neutrals-scrolls-hover'?: any;
2332
2367
  readonly 'background-neutrals-subtle'?: any;
2333
- readonly 'background-neutrals-subtle-hover'?: any;
2334
2368
  readonly 'background-neutrals-subtle-active'?: any;
2335
- readonly 'background-neutrals-disabled'?: any;
2336
- readonly 'background-neutrals-controls-disabled'?: any;
2337
- readonly 'background-neutrals-scrolls'?: any;
2338
- readonly 'background-neutrals-inactive'?: any;
2339
- readonly 'background-neutrals-inactive-hover'?: any;
2369
+ readonly 'background-neutrals-subtle-hover'?: any;
2340
2370
  readonly 'background-primary-prominent'?: any;
2341
- readonly 'background-primary-prominent-hover'?: any;
2342
2371
  readonly 'background-primary-prominent-active'?: any;
2372
+ readonly 'background-primary-prominent-hover'?: any;
2343
2373
  readonly 'background-primary-prominent-selected'?: any;
2344
2374
  readonly 'background-primary-subtle'?: any;
2345
- readonly 'background-primary-subtle-hover'?: any;
2346
2375
  readonly 'background-primary-subtle-active'?: any;
2376
+ readonly 'background-primary-subtle-hover'?: any;
2347
2377
  readonly 'background-primary-subtle-selected'?: any;
2348
- readonly 'background-danger-prominent'?: any;
2349
- readonly 'background-danger-prominent-hover'?: any;
2350
- readonly 'background-danger-prominent-active'?: any;
2351
- readonly 'background-danger'?: any;
2352
- readonly 'background-danger-hover'?: any;
2353
2378
  readonly 'background-success'?: any;
2354
- readonly 'background-warning-subtle'?: any;
2355
2379
  readonly 'background-warning-prominent'?: any;
2356
- readonly 'text-neutrals-inverted'?: any;
2380
+ readonly 'background-warning-subtle'?: any;
2381
+ readonly 'text-danger'?: any;
2382
+ readonly 'text-danger-active'?: any;
2383
+ readonly 'text-danger-hover'?: any;
2384
+ readonly 'text-danger-inverted'?: any;
2357
2385
  readonly 'text-neutrals'?: any;
2358
- readonly 'text-neutrals-subtle'?: any;
2359
- readonly 'text-neutrals-placeholder-only'?: any;
2360
- readonly 'text-neutrals-placeholder'?: any;
2361
2386
  readonly 'text-neutrals-disabled'?: any;
2362
- readonly 'text-primary-inverted'?: any;
2387
+ readonly 'text-neutrals-inverted'?: any;
2388
+ readonly 'text-neutrals-link'?: any;
2389
+ readonly 'text-neutrals-link-active'?: any;
2390
+ readonly 'text-neutrals-link-hover'?: any;
2391
+ readonly 'text-neutrals-placeholder'?: any;
2392
+ readonly 'text-neutrals-placeholder-only'?: any;
2393
+ readonly 'text-neutrals-subtle'?: any;
2363
2394
  readonly 'text-primary'?: any;
2364
- readonly 'text-primary-hover'?: any;
2365
2395
  readonly 'text-primary-active'?: any;
2366
- readonly 'text-primary-selected'?: any;
2396
+ readonly 'text-primary-hover'?: any;
2397
+ readonly 'text-primary-inverted'?: any;
2367
2398
  readonly 'text-primary-inverted-subtle'?: any;
2368
- readonly 'text-danger-inverted'?: any;
2369
- readonly 'text-danger'?: any;
2370
- readonly 'text-danger-hover'?: any;
2371
- readonly 'text-danger-active'?: any;
2399
+ readonly 'text-primary-selected'?: any;
2372
2400
  readonly 'text-success'?: any;
2373
2401
  readonly 'text-warning'?: any;
2374
- readonly 'icon-neutrals-inverted'?: any;
2402
+ readonly 'icon-danger'?: any;
2403
+ readonly 'icon-danger-active'?: any;
2404
+ readonly 'icon-danger-hover'?: any;
2405
+ readonly 'icon-danger-inverted'?: any;
2375
2406
  readonly 'icon-neutrals'?: any;
2376
- readonly 'icon-neutrals-with-text'?: any;
2377
- readonly 'icon-neutrals-subtle'?: any;
2378
2407
  readonly 'icon-neutrals-disabled'?: any;
2379
- readonly 'icon-neutrals-search'?: any;
2380
2408
  readonly 'icon-neutrals-inactive'?: any;
2381
2409
  readonly 'icon-neutrals-inactive-hover'?: any;
2382
- readonly 'icon-primary-inverted'?: any;
2410
+ readonly 'icon-neutrals-inverted'?: any;
2411
+ readonly 'icon-neutrals-search'?: any;
2412
+ readonly 'icon-neutrals-subtle'?: any;
2413
+ readonly 'icon-neutrals-with-text'?: any;
2383
2414
  readonly 'icon-primary'?: any;
2384
- readonly 'icon-primary-hover'?: any;
2385
2415
  readonly 'icon-primary-active'?: any;
2416
+ readonly 'icon-primary-hover'?: any;
2417
+ readonly 'icon-primary-inverted'?: any;
2386
2418
  readonly 'icon-primary-selected'?: any;
2387
- readonly 'icon-danger-inverted'?: any;
2388
- readonly 'icon-danger'?: any;
2389
- readonly 'icon-danger-hover'?: any;
2390
- readonly 'icon-danger-active'?: any;
2391
- readonly 'icon-success-inverted'?: any;
2392
2419
  readonly 'icon-success'?: any;
2420
+ readonly 'icon-success-inverted'?: any;
2393
2421
  readonly 'icon-warning'?: any;
2394
- readonly 'border-focus-outer'?: any;
2395
- readonly 'border-focus-middle'?: any;
2422
+ readonly 'border-danger'?: any;
2396
2423
  readonly 'border-focus-inner'?: any;
2424
+ readonly 'border-focus-middle'?: any;
2425
+ readonly 'border-focus-outer'?: any;
2397
2426
  readonly 'border-neutrals'?: any;
2398
- readonly 'border-neutrals-hover'?: any;
2399
2427
  readonly 'border-neutrals-active'?: any;
2400
- readonly 'border-neutrals-disabled'?: any;
2401
2428
  readonly 'border-neutrals-controls'?: any;
2402
2429
  readonly 'border-neutrals-controls-disabled'?: any;
2403
- readonly 'border-neutrals-subtle'?: any;
2430
+ readonly 'border-neutrals-disabled'?: any;
2431
+ readonly 'border-neutrals-hover'?: any;
2404
2432
  readonly 'border-neutrals-inverted'?: any;
2433
+ readonly 'border-neutrals-subtle'?: any;
2405
2434
  readonly 'border-primary'?: any;
2406
- readonly 'border-primary-hover'?: any;
2407
2435
  readonly 'border-primary-active'?: any;
2436
+ readonly 'border-primary-hover'?: any;
2408
2437
  readonly 'border-primary-inverted'?: any;
2409
- readonly 'border-danger'?: any;
2410
2438
  readonly 'border-success'?: any;
2411
2439
  readonly 'border-warning'?: any;
2412
2440
  };
@@ -2694,14 +2722,14 @@ declare type FontFace = CSSUtil.Native.AtRule.FontFace;
2694
2722
  declare const fontFace: (...fonts: FontFace[]) => string;
2695
2723
 
2696
2724
  declare type ForbiddenProps = 'className' | 'style' | 'as';
2697
- declare type AllowedProps = 'css' | 'asChild' | 'UNSAFE_style';
2725
+ declare type AllowedProps = 'css' | 'asChild' | 'UNSAFE_style' | 'children';
2698
2726
  declare type SafeProps<T> = Omit<T, ForbiddenProps>;
2699
2727
  declare type CSS = CSS$1<typeof config>;
2700
2728
  /**
2701
2729
  * Build a type with all props from a element and Stitches CSS keys
2702
2730
  * and remove dangerous attributes that could cause styles issues
2703
2731
  */
2704
- declare type StyledComponentProps<Element extends ElementType> = SafeProps<ComponentPropsWithRef<Element>>;
2732
+ declare type StyledComponentProps<Element extends ElementType> = PropsWithChildren<SafeProps<ComponentPropsWithRef<Element>>>;
2705
2733
  /**
2706
2734
  * Filter out all non-html props and forbidden attributes from the extended component.
2707
2735
  *
@@ -2900,440 +2928,448 @@ interface CustomStylesProps {
2900
2928
  css?: CSS;
2901
2929
  UNSAFE_style?: CSS;
2902
2930
  }
2903
- declare const styled: <Element_1 extends _stitches_react_types_util.Function | keyof JSX.IntrinsicElements | React__default.ComponentType<any> = "span", Composers extends string | _stitches_react_types_util.Function | React__default.ExoticComponent<any> | React__default.JSXElementConstructor<any> | {
2931
+ declare const styled: <Element_1 extends _stitches_react_types_util.Function | keyof JSX.IntrinsicElements | React__default.ComponentType<any> = "span", Composers extends string | _stitches_react_types_util.Function | React__default.JSXElementConstructor<any> | React__default.ExoticComponent<any> | {
2904
2932
  [name: string]: unknown;
2905
2933
  } = {}>(element: Element_1, composers?: Styles<Composers> | undefined) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<Omit<StyledComponentProps$1<[Composers]>, keyof (typeof $$StyledComponentProps extends keyof Composers ? Composers[keyof Composers & typeof $$StyledComponentProps] : Composers extends {
2906
2934
  variants: {
2907
2935
  [name: string]: unknown;
2908
2936
  };
2909
- } ? Composers["variants"] extends infer T ? { [K in keyof T]?: _stitches_react_types_util.Widen<keyof Composers["variants"][K]> | undefined; } : never : {})> & TransformProps<StyledComponentProps$1<[Composers]>, {}> & StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
2910
- 'border-widths': {
2911
- readonly none: 0;
2912
- readonly sm: "1px";
2913
- readonly md: "2px";
2914
- readonly lg: "4px";
2915
- };
2916
- colors: {
2917
- readonly 'blue-100': any;
2918
- readonly 'blue-200': any;
2919
- readonly 'blue-300': any;
2920
- readonly 'blue-400': any;
2921
- readonly 'blue-500': any;
2922
- readonly 'blue-600': any;
2923
- readonly 'blue-700': any;
2924
- readonly 'blue-800': any;
2925
- readonly 'blue-900': any;
2926
- readonly 'blue-1000': any;
2927
- readonly 'gray-100': any;
2928
- readonly 'gray-200': any;
2929
- readonly 'gray-300': any;
2930
- readonly 'gray-400': any;
2931
- readonly 'gray-500': any;
2932
- readonly 'gray-600': any;
2933
- readonly 'gray-700': any;
2934
- readonly 'gray-800': any;
2935
- readonly 'gray-900': any;
2936
- readonly 'indigo-100': any;
2937
- readonly 'indigo-200': any;
2938
- readonly 'indigo-300': any;
2939
- readonly 'indigo-400': any;
2940
- readonly 'indigo-500': any;
2941
- readonly 'indigo-600': any;
2942
- readonly 'indigo-700': any;
2943
- readonly 'indigo-800': any;
2944
- readonly 'indigo-900': any;
2945
- readonly 'red-100': any;
2946
- readonly 'red-200': any;
2947
- readonly 'red-300': any;
2948
- readonly 'red-400': any;
2949
- readonly 'red-500': any;
2950
- readonly 'red-600': any;
2951
- readonly 'red-700': any;
2952
- readonly 'red-800': any;
2953
- readonly 'red-900': any;
2954
- readonly 'yellow-100': any;
2955
- readonly 'yellow-200': any;
2956
- readonly 'yellow-300': any;
2957
- readonly 'yellow-400': any;
2958
- readonly 'yellow-500': any;
2959
- readonly 'yellow-600': any;
2960
- readonly 'yellow-700': any;
2961
- readonly 'yellow-800': any;
2962
- readonly 'yellow-900': any;
2963
- readonly 'green-100': any;
2964
- readonly 'green-200': any;
2965
- readonly 'green-300': any;
2966
- readonly 'green-400': any;
2967
- readonly 'green-500': any;
2968
- readonly 'green-600': any;
2969
- readonly 'green-700': any;
2970
- readonly 'green-800': any;
2971
- readonly 'green-900': any;
2972
- readonly black: any;
2973
- readonly white: any;
2974
- readonly transparent: any;
2975
- readonly 'background-neutrals'?: any;
2976
- readonly 'background-neutrals-body'?: any;
2977
- readonly 'background-neutrals-container'?: any;
2978
- readonly 'background-neutrals-inverted'?: any;
2979
- readonly 'background-neutrals-inverted-subtle'?: any;
2980
- readonly 'background-neutrals-subtle'?: any;
2981
- readonly 'background-neutrals-subtle-hover'?: any;
2982
- readonly 'background-neutrals-subtle-active'?: any;
2983
- readonly 'background-neutrals-disabled'?: any;
2984
- readonly 'background-neutrals-controls-disabled'?: any;
2985
- readonly 'background-neutrals-scrolls'?: any;
2986
- readonly 'background-neutrals-inactive'?: any;
2987
- readonly 'background-neutrals-inactive-hover'?: any;
2988
- readonly 'background-primary-prominent'?: any;
2989
- readonly 'background-primary-prominent-hover'?: any;
2990
- readonly 'background-primary-prominent-active'?: any;
2991
- readonly 'background-primary-prominent-selected'?: any;
2992
- readonly 'background-primary-subtle'?: any;
2993
- readonly 'background-primary-subtle-hover'?: any;
2994
- readonly 'background-primary-subtle-active'?: any;
2995
- readonly 'background-primary-subtle-selected'?: any;
2996
- readonly 'background-danger-prominent'?: any;
2997
- readonly 'background-danger-prominent-hover'?: any;
2998
- readonly 'background-danger-prominent-active'?: any;
2999
- readonly 'background-danger'?: any;
3000
- readonly 'background-danger-hover'?: any;
3001
- readonly 'background-success'?: any;
3002
- readonly 'background-warning-subtle'?: any;
3003
- readonly 'background-warning-prominent'?: any;
3004
- readonly 'text-neutrals-inverted'?: any;
3005
- readonly 'text-neutrals'?: any;
3006
- readonly 'text-neutrals-subtle'?: any;
3007
- readonly 'text-neutrals-placeholder-only'?: any;
3008
- readonly 'text-neutrals-placeholder'?: any;
3009
- readonly 'text-neutrals-disabled'?: any;
3010
- readonly 'text-primary-inverted'?: any;
3011
- readonly 'text-primary'?: any;
3012
- readonly 'text-primary-hover'?: any;
3013
- readonly 'text-primary-active'?: any;
3014
- readonly 'text-primary-selected'?: any;
3015
- readonly 'text-primary-inverted-subtle'?: any;
3016
- readonly 'text-danger-inverted'?: any;
3017
- readonly 'text-danger'?: any;
3018
- readonly 'text-danger-hover'?: any;
3019
- readonly 'text-danger-active'?: any;
3020
- readonly 'text-success'?: any;
3021
- readonly 'text-warning'?: any;
3022
- readonly 'icon-neutrals-inverted'?: any;
3023
- readonly 'icon-neutrals'?: any;
3024
- readonly 'icon-neutrals-with-text'?: any;
3025
- readonly 'icon-neutrals-subtle'?: any;
3026
- readonly 'icon-neutrals-disabled'?: any;
3027
- readonly 'icon-neutrals-search'?: any;
3028
- readonly 'icon-neutrals-inactive'?: any;
3029
- readonly 'icon-neutrals-inactive-hover'?: any;
3030
- readonly 'icon-primary-inverted'?: any;
3031
- readonly 'icon-primary'?: any;
3032
- readonly 'icon-primary-hover'?: any;
3033
- readonly 'icon-primary-active'?: any;
3034
- readonly 'icon-primary-selected'?: any;
3035
- readonly 'icon-danger-inverted'?: any;
3036
- readonly 'icon-danger'?: any;
3037
- readonly 'icon-danger-hover'?: any;
3038
- readonly 'icon-danger-active'?: any;
3039
- readonly 'icon-success-inverted'?: any;
3040
- readonly 'icon-success'?: any;
3041
- readonly 'icon-warning'?: any;
3042
- readonly 'border-focus-outer'?: any;
3043
- readonly 'border-focus-middle'?: any;
3044
- readonly 'border-focus-inner'?: any;
3045
- readonly 'border-neutrals'?: any;
3046
- readonly 'border-neutrals-hover'?: any;
3047
- readonly 'border-neutrals-active'?: any;
3048
- readonly 'border-neutrals-disabled'?: any;
3049
- readonly 'border-neutrals-controls'?: any;
3050
- readonly 'border-neutrals-controls-disabled'?: any;
3051
- readonly 'border-neutrals-subtle'?: any;
3052
- readonly 'border-neutrals-inverted'?: any;
3053
- readonly 'border-primary'?: any;
3054
- readonly 'border-primary-hover'?: any;
3055
- readonly 'border-primary-active'?: any;
3056
- readonly 'border-primary-inverted'?: any;
3057
- readonly 'border-danger'?: any;
3058
- readonly 'border-success'?: any;
3059
- readonly 'border-warning'?: any;
3060
- };
3061
- 'font-sizes': {
3062
- readonly 150: "0.75rem";
3063
- readonly 175: "0.875rem";
3064
- readonly 200: "1rem";
3065
- readonly 225: "1.125rem";
3066
- readonly 250: "1.25rem";
3067
- readonly 300: "1.5rem";
3068
- readonly 400: "2rem";
3069
- readonly 500: "2.5rem";
3070
- readonly 600: "3rem";
3071
- readonly 800: "4rem";
3072
- readonly 900: "4.5rem";
3073
- };
3074
- radii: {
3075
- readonly none: 0;
3076
- readonly half: "999em";
3077
- readonly 25: "2px";
3078
- readonly 50: "4px";
3079
- readonly 75: "6px";
3080
- readonly 100: "8px";
3081
- readonly 200: "16px";
3082
- };
3083
- shadows: {
3084
- readonly 50: "0 4px 16px #05003812";
3085
- readonly 100: "0 8px 32px #05003808";
3086
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3087
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3088
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3089
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3090
- };
3091
- sizes: {
3092
- readonly number: string;
3093
- readonly 'icon-200': "16px";
3094
- readonly 'icon-300': "24px";
3095
- readonly 'icon-400': "32px";
3096
- };
3097
- space: {
3098
- readonly none: 0;
3099
- readonly 50: "4px";
3100
- readonly 100: "8px";
3101
- readonly 150: "12px";
3102
- readonly 200: "16px";
3103
- readonly 300: "24px";
3104
- readonly 400: "32px";
3105
- readonly 500: "64px";
3106
- readonly 600: "48px";
3107
- readonly 800: "64px";
3108
- readonly 1200: "96px";
3109
- readonly 1600: "128px";
3110
- };
3111
- 'space-gap': {
3112
- readonly none: any;
3113
- readonly 50: any;
3114
- readonly 100: any;
3115
- readonly 200: any;
3116
- readonly 300: any;
3117
- };
3118
- 'space-inset': {
3119
- readonly none: any;
3120
- readonly 50: any;
3121
- readonly 100: any;
3122
- readonly 150: any;
3123
- readonly 200: any;
3124
- readonly 300: any;
3125
- readonly 400: any;
3126
- readonly 600: any;
3127
- readonly 800: any;
3128
- readonly 1200: any;
3129
- readonly 1600: any;
3130
- };
3131
- 'space-offset': {
3132
- readonly none: any;
3133
- readonly 50: any;
3134
- readonly 100: any;
3135
- readonly 150: any;
3136
- readonly 200: any;
3137
- readonly 300: any;
3138
- readonly 400: any;
3139
- readonly 600: any;
3140
- readonly 800: any;
3141
- readonly 1200: any;
3142
- readonly 1600: any;
3143
- readonly 'stacking-none': any;
3144
- readonly 'stacking-100': any;
3145
- readonly 'stacking-200': any;
3146
- readonly 'stacking-300': any;
3147
- readonly 'stacking-400': any;
3148
- readonly 'stacking-500': any;
3149
- readonly 'stacking-800': any;
3150
- };
3151
- 'z-indices': {
3152
- readonly dropdownMenu: 100;
3153
- readonly popover: 200;
3154
- readonly tooltip: 300;
3155
- };
3156
- }, {
3157
- readonly background: "colors";
3158
- readonly backgroundColor: "colors";
3159
- readonly backgroundImage: "colors";
3160
- readonly blockSize: "sizes";
3161
- readonly border: "colors";
3162
- readonly borderBlock: "colors";
3163
- readonly borderBlockEnd: "colors";
3164
- readonly borderBlockStart: "colors";
3165
- readonly borderBottom: "colors";
3166
- readonly borderBottomColor: "colors";
3167
- readonly borderBottomLeftRadius: "radii";
3168
- readonly borderBottomRightRadius: "radii";
3169
- readonly borderBottomStyle: "border-styles";
3170
- readonly borderBottomWidth: "border-widths";
3171
- readonly borderColor: "colors";
3172
- readonly borderImage: "colors";
3173
- readonly borderInline: "colors";
3174
- readonly borderInlineEnd: "colors";
3175
- readonly borderInlineStart: "colors";
3176
- readonly borderLeft: "colors";
3177
- readonly borderLeftColor: "colors";
3178
- readonly borderLeftStyle: "border-styles";
3179
- readonly borderLeftWidth: "border-widths";
3180
- readonly borderRadius: "radii";
3181
- readonly borderRight: "colors";
3182
- readonly borderRightColor: "colors";
3183
- readonly borderRightStyle: "border-styles";
3184
- readonly borderRightWidth: "border-widths";
3185
- readonly borderStyle: "border-styles";
3186
- readonly borderTop: "colors";
3187
- readonly borderTopColor: "colors";
3188
- readonly borderTopLeftRadius: "radii";
3189
- readonly borderTopRightRadius: "radii";
3190
- readonly borderTopStyle: "border-styles";
3191
- readonly borderTopWidth: "border-widths";
3192
- readonly borderWidth: "border-widths";
3193
- readonly bottom: "space";
3194
- readonly boxShadow: "shadows";
3195
- readonly caretColor: "colors";
3196
- readonly color: "colors";
3197
- readonly columnGap: "space-gap";
3198
- readonly columnRuleColor: "colors";
3199
- readonly fill: "colors";
3200
- readonly flexBasis: "sizes";
3201
- readonly fontFamily: "fonts";
3202
- readonly fontSize: "font-sizes";
3203
- readonly fontWeight: "font-weights";
3204
- readonly gap: "space-gap";
3205
- readonly gridColumnGap: "space-gap";
3206
- readonly gridGap: "space-gap";
3207
- readonly gridRowGap: "space-gap";
3208
- readonly gridTemplateColumns: "sizes";
3209
- readonly gridTemplateRows: "sizes";
3210
- readonly height: "sizes";
3211
- readonly inlineSize: "sizes";
3212
- readonly inset: "space-inset";
3213
- readonly insetBlock: "space-inset";
3214
- readonly insetBlockEnd: "space-inset";
3215
- readonly insetBlockStart: "space-inset";
3216
- readonly insetInline: "space-inset";
3217
- readonly insetInlineEnd: "space-inset";
3218
- readonly insetInlineStart: "space-inset";
3219
- readonly left: "space";
3220
- readonly letterSpacing: "letter-spacings";
3221
- readonly lineHeight: "line-heights";
3222
- readonly margin: "space-offset";
3223
- readonly marginBlock: "space-offset";
3224
- readonly marginBlockEnd: "space-offset";
3225
- readonly marginBlockStart: "space-offset";
3226
- readonly marginBottom: "space-offset";
3227
- readonly marginInline: "space-offset";
3228
- readonly marginInlineEnd: "space-offset";
3229
- readonly marginInlineStart: "space-offset";
3230
- readonly marginLeft: "space-offset";
3231
- readonly marginRight: "space-offset";
3232
- readonly marginTop: "space-offset";
3233
- readonly maxBlockSize: "sizes";
3234
- readonly maxHeight: "sizes";
3235
- readonly maxInlineSize: "sizes";
3236
- readonly maxWidth: "sizes";
3237
- readonly minBlockSize: "sizes";
3238
- readonly minHeight: "sizes";
3239
- readonly minInlineSize: "sizes";
3240
- readonly minWidth: "sizes";
3241
- readonly outline: "colors";
3242
- readonly outlineColor: "colors";
3243
- readonly padding: "space-inset";
3244
- readonly paddingBlock: "space-inset";
3245
- readonly paddingBlockEnd: "space-inset";
3246
- readonly paddingBlockStart: "space-inset";
3247
- readonly paddingBottom: "space-inset";
3248
- readonly paddingInline: "space-inset";
3249
- readonly paddingInlineEnd: "space-inset";
3250
- readonly paddingInlineStart: "space-inset";
3251
- readonly paddingLeft: "space-inset";
3252
- readonly paddingRight: "space-inset";
3253
- readonly paddingTop: "space-inset";
3254
- readonly right: "space";
3255
- readonly rowGap: "space-gap";
3256
- readonly scrollMargin: "space-offset";
3257
- readonly scrollMarginBlock: "space-offset";
3258
- readonly scrollMarginBlockEnd: "space-offset";
3259
- readonly scrollMarginBlockStart: "space-offset";
3260
- readonly scrollMarginBottom: "space-offset";
3261
- readonly scrollMarginInline: "space-offset";
3262
- readonly scrollMarginInlineEnd: "space-offset";
3263
- readonly scrollMarginInlineStart: "space-offset";
3264
- readonly scrollMarginLeft: "space-offset";
3265
- readonly scrollMarginRight: "space-offset";
3266
- readonly scrollMarginTop: "space-offset";
3267
- readonly scrollPadding: "space-inset";
3268
- readonly scrollPaddingBlock: "space-inset";
3269
- readonly scrollPaddingBlockEnd: "space-inset";
3270
- readonly scrollPaddingBlockStart: "space-inset";
3271
- readonly scrollPaddingBottom: "space-inset";
3272
- readonly scrollPaddingInline: "space-inset";
3273
- readonly scrollPaddingInlineEnd: "space-inset";
3274
- readonly scrollPaddingInlineStart: "space-inset";
3275
- readonly scrollPaddingLeft: "space-inset";
3276
- readonly scrollPaddingRight: "space-inset";
3277
- readonly scrollPaddingTop: "space-inset";
3278
- readonly stroke: "colors";
3279
- readonly textDecorationColor: "colors";
3280
- readonly textShadow: "shadows";
3281
- readonly top: "space";
3282
- readonly transition: "transitions";
3283
- readonly width: "sizes";
3284
- readonly zIndex: "z-indices";
3285
- }, {
3286
- paddingX: (value: {
3287
- readonly [$$PropertyValue]: "padding";
3288
- }) => {
3289
- paddingLeft: {
3290
- readonly [$$PropertyValue]: "padding";
2937
+ } ? Composers["variants"] extends infer T ? { [K in keyof T]?: _stitches_react_types_util.Widen<keyof Composers["variants"][K]> | undefined; } : never : {})> & TransformProps<StyledComponentProps$1<[Composers]>, {}> & SafeProps<React__default.PropsWithRef<_stitches_react_types_util.Assign<Element_1 extends keyof JSX.IntrinsicElements | React__default.ComponentType<any> ? React__default.ComponentPropsWithRef<Element_1> : never, TransformProps<{}, {}> & {
2938
+ css?: CSSUtil.CSS<{}, {
2939
+ 'border-widths': {
2940
+ readonly none: 0;
2941
+ readonly sm: "1px";
2942
+ readonly md: "2px";
2943
+ readonly lg: "4px";
3291
2944
  };
3292
- paddingRight: {
3293
- readonly [$$PropertyValue]: "padding";
2945
+ colors: {
2946
+ readonly 'blue-100': any;
2947
+ readonly 'blue-200': any;
2948
+ readonly 'blue-300': any;
2949
+ readonly 'blue-400': any;
2950
+ readonly 'blue-500': any;
2951
+ readonly 'blue-600': any;
2952
+ readonly 'blue-700': any;
2953
+ readonly 'blue-800': any;
2954
+ readonly 'blue-900': any;
2955
+ readonly 'blue-1000': any;
2956
+ readonly 'gray-100': any;
2957
+ readonly 'gray-200': any;
2958
+ readonly 'gray-300': any;
2959
+ readonly 'gray-400': any;
2960
+ readonly 'gray-500': any;
2961
+ readonly 'gray-600': any;
2962
+ readonly 'gray-700': any;
2963
+ readonly 'gray-800': any;
2964
+ readonly 'gray-900': any;
2965
+ readonly 'indigo-100': any;
2966
+ readonly 'indigo-200': any;
2967
+ readonly 'indigo-300': any;
2968
+ readonly 'indigo-400': any;
2969
+ readonly 'indigo-500': any;
2970
+ readonly 'indigo-600': any;
2971
+ readonly 'indigo-700': any;
2972
+ readonly 'indigo-800': any;
2973
+ readonly 'indigo-900': any;
2974
+ readonly 'red-100': any;
2975
+ readonly 'red-200': any;
2976
+ readonly 'red-300': any;
2977
+ readonly 'red-400': any;
2978
+ readonly 'red-500': any;
2979
+ readonly 'red-600': any;
2980
+ readonly 'red-700': any;
2981
+ readonly 'red-800': any;
2982
+ readonly 'red-900': any;
2983
+ readonly 'yellow-100': any;
2984
+ readonly 'yellow-200': any;
2985
+ readonly 'yellow-300': any;
2986
+ readonly 'yellow-400': any;
2987
+ readonly 'yellow-500': any;
2988
+ readonly 'yellow-600': any;
2989
+ readonly 'yellow-700': any;
2990
+ readonly 'yellow-800': any;
2991
+ readonly 'yellow-900': any;
2992
+ readonly 'green-100': any;
2993
+ readonly 'green-200': any;
2994
+ readonly 'green-300': any;
2995
+ readonly 'green-400': any;
2996
+ readonly 'green-500': any;
2997
+ readonly 'green-600': any;
2998
+ readonly 'green-700': any;
2999
+ readonly 'green-800': any;
3000
+ readonly 'green-900': any;
3001
+ readonly black: any;
3002
+ readonly white: any;
3003
+ readonly transparent: any;
3004
+ readonly 'background-danger'?: any;
3005
+ readonly 'background-danger-hover'?: any;
3006
+ readonly 'background-danger-prominent'?: any;
3007
+ readonly 'background-danger-prominent-active'?: any;
3008
+ readonly 'background-danger-prominent-hover'?: any;
3009
+ readonly 'background-neutrals'?: any;
3010
+ readonly 'background-neutrals-body'?: any;
3011
+ readonly 'background-neutrals-container'?: any;
3012
+ readonly 'background-neutrals-controls-disabled'?: any;
3013
+ readonly 'background-neutrals-disabled'?: any;
3014
+ readonly 'background-neutrals-inactive'?: any;
3015
+ readonly 'background-neutrals-inactive-hover'?: any;
3016
+ readonly 'background-neutrals-inverted'?: any;
3017
+ readonly 'background-neutrals-inverted-subtle'?: any;
3018
+ readonly 'background-neutrals-scrolls'?: any;
3019
+ readonly 'background-neutrals-scrolls-hover'?: any;
3020
+ readonly 'background-neutrals-subtle'?: any;
3021
+ readonly 'background-neutrals-subtle-active'?: any;
3022
+ readonly 'background-neutrals-subtle-hover'?: any;
3023
+ readonly 'background-primary-prominent'?: any;
3024
+ readonly 'background-primary-prominent-active'?: any;
3025
+ readonly 'background-primary-prominent-hover'?: any;
3026
+ readonly 'background-primary-prominent-selected'?: any;
3027
+ readonly 'background-primary-subtle'?: any;
3028
+ readonly 'background-primary-subtle-active'?: any;
3029
+ readonly 'background-primary-subtle-hover'?: any;
3030
+ readonly 'background-primary-subtle-selected'?: any;
3031
+ readonly 'background-success'?: any;
3032
+ readonly 'background-warning-prominent'?: any;
3033
+ readonly 'background-warning-subtle'?: any;
3034
+ readonly 'text-danger'?: any;
3035
+ readonly 'text-danger-active'?: any;
3036
+ readonly 'text-danger-hover'?: any;
3037
+ readonly 'text-danger-inverted'?: any;
3038
+ readonly 'text-neutrals'?: any;
3039
+ readonly 'text-neutrals-disabled'?: any;
3040
+ readonly 'text-neutrals-inverted'?: any;
3041
+ readonly 'text-neutrals-link'?: any;
3042
+ readonly 'text-neutrals-link-active'?: any;
3043
+ readonly 'text-neutrals-link-hover'?: any;
3044
+ readonly 'text-neutrals-placeholder'?: any;
3045
+ readonly 'text-neutrals-placeholder-only'?: any;
3046
+ readonly 'text-neutrals-subtle'?: any;
3047
+ readonly 'text-primary'?: any;
3048
+ readonly 'text-primary-active'?: any;
3049
+ readonly 'text-primary-hover'?: any;
3050
+ readonly 'text-primary-inverted'?: any;
3051
+ readonly 'text-primary-inverted-subtle'?: any;
3052
+ readonly 'text-primary-selected'?: any;
3053
+ readonly 'text-success'?: any;
3054
+ readonly 'text-warning'?: any;
3055
+ readonly 'icon-danger'?: any;
3056
+ readonly 'icon-danger-active'?: any;
3057
+ readonly 'icon-danger-hover'?: any;
3058
+ readonly 'icon-danger-inverted'?: any;
3059
+ readonly 'icon-neutrals'?: any;
3060
+ readonly 'icon-neutrals-disabled'?: any;
3061
+ readonly 'icon-neutrals-inactive'?: any;
3062
+ readonly 'icon-neutrals-inactive-hover'?: any;
3063
+ readonly 'icon-neutrals-inverted'?: any;
3064
+ readonly 'icon-neutrals-search'?: any;
3065
+ readonly 'icon-neutrals-subtle'?: any;
3066
+ readonly 'icon-neutrals-with-text'?: any;
3067
+ readonly 'icon-primary'?: any;
3068
+ readonly 'icon-primary-active'?: any;
3069
+ readonly 'icon-primary-hover'?: any;
3070
+ readonly 'icon-primary-inverted'?: any;
3071
+ readonly 'icon-primary-selected'?: any;
3072
+ readonly 'icon-success'?: any;
3073
+ readonly 'icon-success-inverted'?: any;
3074
+ readonly 'icon-warning'?: any;
3075
+ readonly 'border-danger'?: any;
3076
+ readonly 'border-focus-inner'?: any;
3077
+ readonly 'border-focus-middle'?: any;
3078
+ readonly 'border-focus-outer'?: any;
3079
+ readonly 'border-neutrals'?: any;
3080
+ readonly 'border-neutrals-active'?: any;
3081
+ readonly 'border-neutrals-controls'?: any;
3082
+ readonly 'border-neutrals-controls-disabled'?: any;
3083
+ readonly 'border-neutrals-disabled'?: any;
3084
+ readonly 'border-neutrals-hover'?: any;
3085
+ readonly 'border-neutrals-inverted'?: any;
3086
+ readonly 'border-neutrals-subtle'?: any;
3087
+ readonly 'border-primary'?: any;
3088
+ readonly 'border-primary-active'?: any;
3089
+ readonly 'border-primary-hover'?: any;
3090
+ readonly 'border-primary-inverted'?: any;
3091
+ readonly 'border-success'?: any;
3092
+ readonly 'border-warning'?: any;
3294
3093
  };
3295
- };
3296
- paddingY: (value: {
3297
- readonly [$$PropertyValue]: "padding";
3298
- }) => {
3299
- paddingTop: {
3094
+ 'font-sizes': {
3095
+ readonly 150: "0.75rem";
3096
+ readonly 175: "0.875rem";
3097
+ readonly 200: "1rem";
3098
+ readonly 225: "1.125rem";
3099
+ readonly 250: "1.25rem";
3100
+ readonly 300: "1.5rem";
3101
+ readonly 400: "2rem";
3102
+ readonly 500: "2.5rem";
3103
+ readonly 600: "3rem";
3104
+ readonly 800: "4rem";
3105
+ readonly 900: "4.5rem";
3106
+ };
3107
+ radii: {
3108
+ readonly none: 0;
3109
+ readonly half: "999em";
3110
+ readonly 25: "2px";
3111
+ readonly 50: "4px";
3112
+ readonly 75: "6px";
3113
+ readonly 100: "8px";
3114
+ readonly 200: "16px";
3115
+ };
3116
+ shadows: {
3117
+ readonly 50: "0 4px 16px #05003812";
3118
+ readonly 100: "0 8px 32px #05003808";
3119
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3120
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3121
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3122
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3123
+ };
3124
+ sizes: {
3125
+ readonly number: string;
3126
+ readonly 'icon-200': "16px";
3127
+ readonly 'icon-300': "24px";
3128
+ readonly 'icon-400': "32px";
3129
+ };
3130
+ space: {
3131
+ readonly none: 0;
3132
+ readonly 50: "4px";
3133
+ readonly 100: "8px";
3134
+ readonly 150: "12px";
3135
+ readonly 200: "16px";
3136
+ readonly 300: "24px";
3137
+ readonly 400: "32px";
3138
+ readonly 500: "64px";
3139
+ readonly 600: "48px";
3140
+ readonly 800: "64px";
3141
+ readonly 1200: "96px";
3142
+ readonly 1600: "128px";
3143
+ };
3144
+ 'space-gap': {
3145
+ readonly none: any;
3146
+ readonly 50: any;
3147
+ readonly 100: any;
3148
+ readonly 200: any;
3149
+ readonly 300: any;
3150
+ };
3151
+ 'space-inset': {
3152
+ readonly none: any;
3153
+ readonly 50: any;
3154
+ readonly 100: any;
3155
+ readonly 150: any;
3156
+ readonly 200: any;
3157
+ readonly 300: any;
3158
+ readonly 400: any;
3159
+ readonly 600: any;
3160
+ readonly 800: any;
3161
+ readonly 1200: any;
3162
+ readonly 1600: any;
3163
+ };
3164
+ 'space-offset': {
3165
+ readonly none: any;
3166
+ readonly 50: any;
3167
+ readonly 100: any;
3168
+ readonly 150: any;
3169
+ readonly 200: any;
3170
+ readonly 300: any;
3171
+ readonly 400: any;
3172
+ readonly 600: any;
3173
+ readonly 800: any;
3174
+ readonly 1200: any;
3175
+ readonly 1600: any;
3176
+ readonly 'stacking-none': any;
3177
+ readonly 'stacking-100': any;
3178
+ readonly 'stacking-200': any;
3179
+ readonly 'stacking-300': any;
3180
+ readonly 'stacking-400': any;
3181
+ readonly 'stacking-500': any;
3182
+ readonly 'stacking-800': any;
3183
+ };
3184
+ 'z-indices': {
3185
+ readonly dropdownMenu: 100;
3186
+ readonly popover: 200;
3187
+ readonly tooltip: 300;
3188
+ };
3189
+ }, {
3190
+ readonly background: "colors";
3191
+ readonly backgroundColor: "colors";
3192
+ readonly backgroundImage: "colors";
3193
+ readonly blockSize: "sizes";
3194
+ readonly border: "colors";
3195
+ readonly borderBlock: "colors";
3196
+ readonly borderBlockEnd: "colors";
3197
+ readonly borderBlockStart: "colors";
3198
+ readonly borderBottom: "colors";
3199
+ readonly borderBottomColor: "colors";
3200
+ readonly borderBottomLeftRadius: "radii";
3201
+ readonly borderBottomRightRadius: "radii";
3202
+ readonly borderBottomStyle: "border-styles";
3203
+ readonly borderBottomWidth: "border-widths";
3204
+ readonly borderColor: "colors";
3205
+ readonly borderImage: "colors";
3206
+ readonly borderInline: "colors";
3207
+ readonly borderInlineEnd: "colors";
3208
+ readonly borderInlineStart: "colors";
3209
+ readonly borderLeft: "colors";
3210
+ readonly borderLeftColor: "colors";
3211
+ readonly borderLeftStyle: "border-styles";
3212
+ readonly borderLeftWidth: "border-widths";
3213
+ readonly borderRadius: "radii";
3214
+ readonly borderRight: "colors";
3215
+ readonly borderRightColor: "colors";
3216
+ readonly borderRightStyle: "border-styles";
3217
+ readonly borderRightWidth: "border-widths";
3218
+ readonly borderStyle: "border-styles";
3219
+ readonly borderTop: "colors";
3220
+ readonly borderTopColor: "colors";
3221
+ readonly borderTopLeftRadius: "radii";
3222
+ readonly borderTopRightRadius: "radii";
3223
+ readonly borderTopStyle: "border-styles";
3224
+ readonly borderTopWidth: "border-widths";
3225
+ readonly borderWidth: "border-widths";
3226
+ readonly bottom: "space";
3227
+ readonly boxShadow: "shadows";
3228
+ readonly caretColor: "colors";
3229
+ readonly color: "colors";
3230
+ readonly columnGap: "space-gap";
3231
+ readonly columnRuleColor: "colors";
3232
+ readonly fill: "colors";
3233
+ readonly flexBasis: "sizes";
3234
+ readonly fontFamily: "fonts";
3235
+ readonly fontSize: "font-sizes";
3236
+ readonly fontWeight: "font-weights";
3237
+ readonly gap: "space-gap";
3238
+ readonly gridColumnGap: "space-gap";
3239
+ readonly gridGap: "space-gap";
3240
+ readonly gridRowGap: "space-gap";
3241
+ readonly gridTemplateColumns: "sizes";
3242
+ readonly gridTemplateRows: "sizes";
3243
+ readonly height: "sizes";
3244
+ readonly inlineSize: "sizes";
3245
+ readonly inset: "space-inset";
3246
+ readonly insetBlock: "space-inset";
3247
+ readonly insetBlockEnd: "space-inset";
3248
+ readonly insetBlockStart: "space-inset";
3249
+ readonly insetInline: "space-inset";
3250
+ readonly insetInlineEnd: "space-inset";
3251
+ readonly insetInlineStart: "space-inset";
3252
+ readonly left: "space";
3253
+ readonly letterSpacing: "letter-spacings";
3254
+ readonly lineHeight: "line-heights";
3255
+ readonly margin: "space-offset";
3256
+ readonly marginBlock: "space-offset";
3257
+ readonly marginBlockEnd: "space-offset";
3258
+ readonly marginBlockStart: "space-offset";
3259
+ readonly marginBottom: "space-offset";
3260
+ readonly marginInline: "space-offset";
3261
+ readonly marginInlineEnd: "space-offset";
3262
+ readonly marginInlineStart: "space-offset";
3263
+ readonly marginLeft: "space-offset";
3264
+ readonly marginRight: "space-offset";
3265
+ readonly marginTop: "space-offset";
3266
+ readonly maxBlockSize: "sizes";
3267
+ readonly maxHeight: "sizes";
3268
+ readonly maxInlineSize: "sizes";
3269
+ readonly maxWidth: "sizes";
3270
+ readonly minBlockSize: "sizes";
3271
+ readonly minHeight: "sizes";
3272
+ readonly minInlineSize: "sizes";
3273
+ readonly minWidth: "sizes";
3274
+ readonly outline: "colors";
3275
+ readonly outlineColor: "colors";
3276
+ readonly padding: "space-inset";
3277
+ readonly paddingBlock: "space-inset";
3278
+ readonly paddingBlockEnd: "space-inset";
3279
+ readonly paddingBlockStart: "space-inset";
3280
+ readonly paddingBottom: "space-inset";
3281
+ readonly paddingInline: "space-inset";
3282
+ readonly paddingInlineEnd: "space-inset";
3283
+ readonly paddingInlineStart: "space-inset";
3284
+ readonly paddingLeft: "space-inset";
3285
+ readonly paddingRight: "space-inset";
3286
+ readonly paddingTop: "space-inset";
3287
+ readonly right: "space";
3288
+ readonly rowGap: "space-gap";
3289
+ readonly scrollMargin: "space-offset";
3290
+ readonly scrollMarginBlock: "space-offset";
3291
+ readonly scrollMarginBlockEnd: "space-offset";
3292
+ readonly scrollMarginBlockStart: "space-offset";
3293
+ readonly scrollMarginBottom: "space-offset";
3294
+ readonly scrollMarginInline: "space-offset";
3295
+ readonly scrollMarginInlineEnd: "space-offset";
3296
+ readonly scrollMarginInlineStart: "space-offset";
3297
+ readonly scrollMarginLeft: "space-offset";
3298
+ readonly scrollMarginRight: "space-offset";
3299
+ readonly scrollMarginTop: "space-offset";
3300
+ readonly scrollPadding: "space-inset";
3301
+ readonly scrollPaddingBlock: "space-inset";
3302
+ readonly scrollPaddingBlockEnd: "space-inset";
3303
+ readonly scrollPaddingBlockStart: "space-inset";
3304
+ readonly scrollPaddingBottom: "space-inset";
3305
+ readonly scrollPaddingInline: "space-inset";
3306
+ readonly scrollPaddingInlineEnd: "space-inset";
3307
+ readonly scrollPaddingInlineStart: "space-inset";
3308
+ readonly scrollPaddingLeft: "space-inset";
3309
+ readonly scrollPaddingRight: "space-inset";
3310
+ readonly scrollPaddingTop: "space-inset";
3311
+ readonly stroke: "colors";
3312
+ readonly textDecorationColor: "colors";
3313
+ readonly textShadow: "shadows";
3314
+ readonly top: "space";
3315
+ readonly transition: "transitions";
3316
+ readonly width: "sizes";
3317
+ readonly zIndex: "z-indices";
3318
+ }, {
3319
+ paddingX: (value: {
3300
3320
  readonly [$$PropertyValue]: "padding";
3321
+ }) => {
3322
+ paddingLeft: {
3323
+ readonly [$$PropertyValue]: "padding";
3324
+ };
3325
+ paddingRight: {
3326
+ readonly [$$PropertyValue]: "padding";
3327
+ };
3301
3328
  };
3302
- paddingBottom: {
3329
+ paddingY: (value: {
3303
3330
  readonly [$$PropertyValue]: "padding";
3331
+ }) => {
3332
+ paddingTop: {
3333
+ readonly [$$PropertyValue]: "padding";
3334
+ };
3335
+ paddingBottom: {
3336
+ readonly [$$PropertyValue]: "padding";
3337
+ };
3304
3338
  };
3305
- };
3306
- marginX: (value: {
3307
- readonly [$$PropertyValue]: "margin";
3308
- }) => {
3309
- marginLeft: {
3310
- readonly [$$PropertyValue]: "margin";
3311
- };
3312
- marginRight: {
3313
- readonly [$$PropertyValue]: "margin";
3314
- };
3315
- };
3316
- marginY: (value: {
3317
- readonly [$$PropertyValue]: "margin";
3318
- }) => {
3319
- marginTop: {
3339
+ marginX: (value: {
3320
3340
  readonly [$$PropertyValue]: "margin";
3341
+ }) => {
3342
+ marginLeft: {
3343
+ readonly [$$PropertyValue]: "margin";
3344
+ };
3345
+ marginRight: {
3346
+ readonly [$$PropertyValue]: "margin";
3347
+ };
3321
3348
  };
3322
- marginBottom: {
3349
+ marginY: (value: {
3323
3350
  readonly [$$PropertyValue]: "margin";
3351
+ }) => {
3352
+ marginTop: {
3353
+ readonly [$$PropertyValue]: "margin";
3354
+ };
3355
+ marginBottom: {
3356
+ readonly [$$PropertyValue]: "margin";
3357
+ };
3324
3358
  };
3325
- };
3326
- square: (value: {
3327
- readonly [$$PropertyValue]: "width";
3328
- }) => {
3329
- width: {
3330
- readonly [$$PropertyValue]: "width";
3331
- };
3332
- height: {
3359
+ square: (value: {
3333
3360
  readonly [$$PropertyValue]: "width";
3361
+ }) => {
3362
+ width: {
3363
+ readonly [$$PropertyValue]: "width";
3364
+ };
3365
+ height: {
3366
+ readonly [$$PropertyValue]: "width";
3367
+ };
3334
3368
  };
3335
- };
3336
- }>>> & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
3369
+ }> | undefined;
3370
+ }>>> & {
3371
+ children?: React__default.ReactNode;
3372
+ } & CustomStylesProps> & React__default.RefAttributes<React__default.ElementRef<_stitches_react_types_styled_component.StyledComponent<Element_1, {}, {}, CSSUtil.CSS<{}, {
3337
3373
  'border-widths': {
3338
3374
  readonly none: 0;
3339
3375
  readonly sm: "1px";
@@ -3399,89 +3435,93 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3399
3435
  readonly black: any;
3400
3436
  readonly white: any;
3401
3437
  readonly transparent: any;
3438
+ readonly 'background-danger'?: any;
3439
+ readonly 'background-danger-hover'?: any;
3440
+ readonly 'background-danger-prominent'?: any;
3441
+ readonly 'background-danger-prominent-active'?: any;
3442
+ readonly 'background-danger-prominent-hover'?: any;
3402
3443
  readonly 'background-neutrals'?: any;
3403
3444
  readonly 'background-neutrals-body'?: any;
3404
3445
  readonly 'background-neutrals-container'?: any;
3446
+ readonly 'background-neutrals-controls-disabled'?: any;
3447
+ readonly 'background-neutrals-disabled'?: any;
3448
+ readonly 'background-neutrals-inactive'?: any;
3449
+ readonly 'background-neutrals-inactive-hover'?: any;
3405
3450
  readonly 'background-neutrals-inverted'?: any;
3406
3451
  readonly 'background-neutrals-inverted-subtle'?: any;
3452
+ readonly 'background-neutrals-scrolls'?: any;
3453
+ readonly 'background-neutrals-scrolls-hover'?: any;
3407
3454
  readonly 'background-neutrals-subtle'?: any;
3408
- readonly 'background-neutrals-subtle-hover'?: any;
3409
3455
  readonly 'background-neutrals-subtle-active'?: any;
3410
- readonly 'background-neutrals-disabled'?: any;
3411
- readonly 'background-neutrals-controls-disabled'?: any;
3412
- readonly 'background-neutrals-scrolls'?: any;
3413
- readonly 'background-neutrals-inactive'?: any;
3414
- readonly 'background-neutrals-inactive-hover'?: any;
3456
+ readonly 'background-neutrals-subtle-hover'?: any;
3415
3457
  readonly 'background-primary-prominent'?: any;
3416
- readonly 'background-primary-prominent-hover'?: any;
3417
3458
  readonly 'background-primary-prominent-active'?: any;
3459
+ readonly 'background-primary-prominent-hover'?: any;
3418
3460
  readonly 'background-primary-prominent-selected'?: any;
3419
3461
  readonly 'background-primary-subtle'?: any;
3420
- readonly 'background-primary-subtle-hover'?: any;
3421
3462
  readonly 'background-primary-subtle-active'?: any;
3463
+ readonly 'background-primary-subtle-hover'?: any;
3422
3464
  readonly 'background-primary-subtle-selected'?: any;
3423
- readonly 'background-danger-prominent'?: any;
3424
- readonly 'background-danger-prominent-hover'?: any;
3425
- readonly 'background-danger-prominent-active'?: any;
3426
- readonly 'background-danger'?: any;
3427
- readonly 'background-danger-hover'?: any;
3428
3465
  readonly 'background-success'?: any;
3429
- readonly 'background-warning-subtle'?: any;
3430
3466
  readonly 'background-warning-prominent'?: any;
3431
- readonly 'text-neutrals-inverted'?: any;
3467
+ readonly 'background-warning-subtle'?: any;
3468
+ readonly 'text-danger'?: any;
3469
+ readonly 'text-danger-active'?: any;
3470
+ readonly 'text-danger-hover'?: any;
3471
+ readonly 'text-danger-inverted'?: any;
3432
3472
  readonly 'text-neutrals'?: any;
3433
- readonly 'text-neutrals-subtle'?: any;
3434
- readonly 'text-neutrals-placeholder-only'?: any;
3435
- readonly 'text-neutrals-placeholder'?: any;
3436
3473
  readonly 'text-neutrals-disabled'?: any;
3437
- readonly 'text-primary-inverted'?: any;
3474
+ readonly 'text-neutrals-inverted'?: any;
3475
+ readonly 'text-neutrals-link'?: any;
3476
+ readonly 'text-neutrals-link-active'?: any;
3477
+ readonly 'text-neutrals-link-hover'?: any;
3478
+ readonly 'text-neutrals-placeholder'?: any;
3479
+ readonly 'text-neutrals-placeholder-only'?: any;
3480
+ readonly 'text-neutrals-subtle'?: any;
3438
3481
  readonly 'text-primary'?: any;
3439
- readonly 'text-primary-hover'?: any;
3440
3482
  readonly 'text-primary-active'?: any;
3441
- readonly 'text-primary-selected'?: any;
3483
+ readonly 'text-primary-hover'?: any;
3484
+ readonly 'text-primary-inverted'?: any;
3442
3485
  readonly 'text-primary-inverted-subtle'?: any;
3443
- readonly 'text-danger-inverted'?: any;
3444
- readonly 'text-danger'?: any;
3445
- readonly 'text-danger-hover'?: any;
3446
- readonly 'text-danger-active'?: any;
3486
+ readonly 'text-primary-selected'?: any;
3447
3487
  readonly 'text-success'?: any;
3448
3488
  readonly 'text-warning'?: any;
3449
- readonly 'icon-neutrals-inverted'?: any;
3489
+ readonly 'icon-danger'?: any;
3490
+ readonly 'icon-danger-active'?: any;
3491
+ readonly 'icon-danger-hover'?: any;
3492
+ readonly 'icon-danger-inverted'?: any;
3450
3493
  readonly 'icon-neutrals'?: any;
3451
- readonly 'icon-neutrals-with-text'?: any;
3452
- readonly 'icon-neutrals-subtle'?: any;
3453
3494
  readonly 'icon-neutrals-disabled'?: any;
3454
- readonly 'icon-neutrals-search'?: any;
3455
3495
  readonly 'icon-neutrals-inactive'?: any;
3456
3496
  readonly 'icon-neutrals-inactive-hover'?: any;
3457
- readonly 'icon-primary-inverted'?: any;
3497
+ readonly 'icon-neutrals-inverted'?: any;
3498
+ readonly 'icon-neutrals-search'?: any;
3499
+ readonly 'icon-neutrals-subtle'?: any;
3500
+ readonly 'icon-neutrals-with-text'?: any;
3458
3501
  readonly 'icon-primary'?: any;
3459
- readonly 'icon-primary-hover'?: any;
3460
3502
  readonly 'icon-primary-active'?: any;
3503
+ readonly 'icon-primary-hover'?: any;
3504
+ readonly 'icon-primary-inverted'?: any;
3461
3505
  readonly 'icon-primary-selected'?: any;
3462
- readonly 'icon-danger-inverted'?: any;
3463
- readonly 'icon-danger'?: any;
3464
- readonly 'icon-danger-hover'?: any;
3465
- readonly 'icon-danger-active'?: any;
3466
- readonly 'icon-success-inverted'?: any;
3467
3506
  readonly 'icon-success'?: any;
3507
+ readonly 'icon-success-inverted'?: any;
3468
3508
  readonly 'icon-warning'?: any;
3469
- readonly 'border-focus-outer'?: any;
3470
- readonly 'border-focus-middle'?: any;
3509
+ readonly 'border-danger'?: any;
3471
3510
  readonly 'border-focus-inner'?: any;
3511
+ readonly 'border-focus-middle'?: any;
3512
+ readonly 'border-focus-outer'?: any;
3472
3513
  readonly 'border-neutrals'?: any;
3473
- readonly 'border-neutrals-hover'?: any;
3474
3514
  readonly 'border-neutrals-active'?: any;
3475
- readonly 'border-neutrals-disabled'?: any;
3476
3515
  readonly 'border-neutrals-controls'?: any;
3477
3516
  readonly 'border-neutrals-controls-disabled'?: any;
3478
- readonly 'border-neutrals-subtle'?: any;
3517
+ readonly 'border-neutrals-disabled'?: any;
3518
+ readonly 'border-neutrals-hover'?: any;
3479
3519
  readonly 'border-neutrals-inverted'?: any;
3520
+ readonly 'border-neutrals-subtle'?: any;
3480
3521
  readonly 'border-primary'?: any;
3481
- readonly 'border-primary-hover'?: any;
3482
3522
  readonly 'border-primary-active'?: any;
3523
+ readonly 'border-primary-hover'?: any;
3483
3524
  readonly 'border-primary-inverted'?: any;
3484
- readonly 'border-danger'?: any;
3485
3525
  readonly 'border-success'?: any;
3486
3526
  readonly 'border-warning'?: any;
3487
3527
  };