@prismicio/editor-ui 0.4.13 → 0.4.14

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 (165) hide show
  1. package/dist/components/ActionList/ActionList.d.ts +2 -2
  2. package/dist/components/Alert/Alert.d.ts +1 -1
  3. package/dist/components/Alert/AlertContext.d.ts +3 -3
  4. package/dist/components/Alert/index.d.ts +1 -1
  5. package/dist/components/AnimatedElement/AnimatedElement.css.d.ts +1 -0
  6. package/dist/components/AnimatedElement/AnimatedElement.d.ts +4 -4
  7. package/dist/components/AnimatedElement/index.d.ts +1 -1
  8. package/dist/components/AnimatedList/AnimatedList.d.ts +4 -4
  9. package/dist/components/AnimatedList/DragPreview.d.ts +2 -2
  10. package/dist/components/AnimatedList/autoScroll.d.ts +1 -1
  11. package/dist/components/AnimatedList/dnd.d.ts +8 -8
  12. package/dist/components/AnimatedList/layout.d.ts +1 -1
  13. package/dist/components/Avatar/Avatar.css.d.ts +3 -0
  14. package/dist/components/Avatar/Avatar.d.ts +7 -0
  15. package/dist/components/Avatar/Avatar.stories.d.ts +10 -0
  16. package/dist/components/Avatar/index.d.ts +1 -0
  17. package/dist/components/Badge/Badge.css.d.ts +2 -1
  18. package/dist/components/Badge/Badge.d.ts +6 -2
  19. package/dist/components/Badge/Badge.stories.d.ts +5 -2
  20. package/dist/components/BaseInput/BaseInput.css.d.ts +2 -1
  21. package/dist/components/BaseInput/BaseInput.d.ts +5 -1
  22. package/dist/components/BlankSlate/BlankSlate.css.d.ts +1 -0
  23. package/dist/components/BlankSlate/BlankSlate.d.ts +5 -2
  24. package/dist/components/Box/Box.d.ts +23 -21
  25. package/dist/components/Box/Box.stories.d.ts +2 -124
  26. package/dist/components/Button/Button.d.ts +4 -2
  27. package/dist/components/ButtonGroup/ButtonGroup.d.ts +1 -1
  28. package/dist/components/Calendar/Calendar.d.ts +3 -2
  29. package/dist/components/Calendar/Calendar.stories.d.ts +3 -0
  30. package/dist/components/Calendar/CalendarCell.css.d.ts +1 -0
  31. package/dist/components/Calendar/CalendarCell.d.ts +4 -4
  32. package/dist/components/Calendar/CalendarGrid.d.ts +2 -2
  33. package/dist/components/Card/Card.d.ts +16 -16
  34. package/dist/components/Card/Card.stories.d.ts +2 -14
  35. package/dist/components/Carousel/Carousel.css.d.ts +0 -2
  36. package/dist/components/Carousel/CarouselItem.d.ts +2 -2
  37. package/dist/components/CircledIcon/CircledIcon.d.ts +1 -1
  38. package/dist/components/ColorInput/ColorArea.d.ts +1 -1
  39. package/dist/components/ColorInput/ColorInput.d.ts +1 -1
  40. package/dist/components/ColorInput/ColorSlider.d.ts +1 -1
  41. package/dist/components/Cropper/Cropper.d.ts +1 -1
  42. package/dist/components/CropperControls/CropperControls.d.ts +5 -5
  43. package/dist/components/DateInput/DateInput.d.ts +12 -6
  44. package/dist/components/DateInput/DateInput.stories.d.ts +2 -14
  45. package/dist/components/DateInput/DateSegments.d.ts +1 -1
  46. package/dist/components/Dialog/Dialog.css.d.ts +4 -0
  47. package/dist/components/Dialog/Dialog.d.ts +4 -1
  48. package/dist/components/Dialog/Dialog.stories.d.ts +3 -0
  49. package/dist/components/Dialog/FullscreenDialog.d.ts +1 -1
  50. package/dist/components/Dialog/Options/DialogOptions.d.ts +1 -1
  51. package/dist/components/DocumentCard/DocumentCard.css.d.ts +1 -0
  52. package/dist/components/DocumentCard/DocumentCard.d.ts +2 -0
  53. package/dist/components/DocumentStatusBar/DocumentStatusBar.d.ts +1 -1
  54. package/dist/components/DocumentStatusDot/DocumentStatusDot.d.ts +1 -1
  55. package/dist/components/DropdownMenu/DropdownMenu.d.ts +1 -1
  56. package/dist/components/Embed/EmbedPreview.d.ts +1 -1
  57. package/dist/components/Embed/EmptyEmbed.d.ts +1 -1
  58. package/dist/components/Embed/Icon.d.ts +1 -1
  59. package/dist/components/ErrorBoundary/ErrorBoundary.d.ts +3 -3
  60. package/dist/components/Field/Field.d.ts +1 -1
  61. package/dist/components/FieldSet/FieldSet.d.ts +4 -4
  62. package/dist/components/FieldSet/FieldSet.stories.d.ts +1 -6
  63. package/dist/components/FieldSet/FieldSet.utils.d.ts +4 -0
  64. package/dist/components/FieldSet/index.d.ts +1 -0
  65. package/dist/components/FileUpload/FileDropZone/FileDropZone.d.ts +1 -1
  66. package/dist/components/FileUpload/FileUpload.utils.d.ts +5 -1
  67. package/dist/components/FilterField/FilterField.d.ts +2 -2
  68. package/dist/components/FilterField/useFilterField.d.ts +2 -1
  69. package/dist/components/Form/Form.d.ts +2 -0
  70. package/dist/components/Form/FormDateInput.d.ts +14 -0
  71. package/dist/components/Form/FormField.css.d.ts +7 -0
  72. package/dist/components/Form/FormField.d.ts +14 -0
  73. package/dist/components/Form/FormInput.css.d.ts +4 -6
  74. package/dist/components/Form/FormInput.d.ts +5 -5
  75. package/dist/components/Form/index.d.ts +1 -0
  76. package/dist/components/Gradient/Gradient.d.ts +1 -1
  77. package/dist/components/HairlineButton/HairlineButton.d.ts +2 -2
  78. package/dist/components/Icon/Icon.d.ts +3 -1
  79. package/dist/components/Icon/iconNames.d.ts +2 -2
  80. package/dist/components/Image/Image.d.ts +4 -5
  81. package/dist/components/Image/Image.stories.d.ts +2 -22
  82. package/dist/components/Image/index.d.ts +1 -1
  83. package/dist/components/InvisibleButton/InvisibleButton.d.ts +1 -1
  84. package/dist/components/LazyRender/LazyRender.d.ts +21 -0
  85. package/dist/components/LazyRender/LazyRender.stories.d.ts +7 -0
  86. package/dist/components/LazyRender/index.d.ts +1 -0
  87. package/dist/components/LinkImageCard/LinkImageCard.d.ts +8 -0
  88. package/dist/components/LinkImageCard/LinkImageCard.stories.d.ts +11 -0
  89. package/dist/components/LinkImageCard/index.d.ts +1 -0
  90. package/dist/components/Masonry/Masonry.d.ts +1 -1
  91. package/dist/components/Masonry/MasonryFile.css.d.ts +2 -0
  92. package/dist/components/Masonry/MasonryFile.d.ts +8 -0
  93. package/dist/components/Masonry/MasonryMedia.d.ts +1 -2
  94. package/dist/components/Masonry/index.d.ts +2 -1
  95. package/dist/components/NumberInput/NumberInput.d.ts +2 -1
  96. package/dist/components/Popover/Popover.d.ts +8 -3
  97. package/dist/components/Popover/Popover.stories.d.ts +2 -20
  98. package/dist/components/Popover/index.d.ts +1 -1
  99. package/dist/components/Radio/RadioButton.css.d.ts +3 -0
  100. package/dist/components/Radio/RadioButton.d.ts +10 -0
  101. package/dist/components/Radio/RadioCard.css.d.ts +1 -0
  102. package/dist/components/Radio/RadioCard.d.ts +5 -0
  103. package/dist/components/Radio/RadioGroup.css.d.ts +1 -0
  104. package/dist/components/Radio/RadioGroup.d.ts +18 -0
  105. package/dist/components/Radio/RadioGroup.stories.d.ts +9 -0
  106. package/dist/components/Radio/RadioItem.css.d.ts +10 -0
  107. package/dist/components/Radio/RadioItem.d.ts +8 -0
  108. package/dist/components/Radio/index.d.ts +3 -0
  109. package/dist/components/ScrollArea/ScrollArea.d.ts +4 -5
  110. package/dist/components/ScrollArea/ScrollArea.stories.d.ts +2 -14
  111. package/dist/components/SearchInput/SearchInput.d.ts +1 -1
  112. package/dist/components/Select/Select.css.d.ts +4 -0
  113. package/dist/components/Select/Select.d.ts +7 -2
  114. package/dist/components/SelectButton/SelectButton.d.ts +1 -1
  115. package/dist/components/SelectCard/SelectButton.stories.d.ts +12 -0
  116. package/dist/components/SelectCard/SelectCard.css.d.ts +1 -0
  117. package/dist/components/SelectCard/SelectCard.d.ts +7 -0
  118. package/dist/components/SelectCard/index.d.ts +1 -0
  119. package/dist/components/Separator/Separator.d.ts +11 -5
  120. package/dist/components/Skeleton/Skeleton.d.ts +1 -1
  121. package/dist/components/Slice/Slice.stories.d.ts +2 -2
  122. package/dist/components/Slice/SliceCard.d.ts +1 -0
  123. package/dist/components/Slice/{SliceVariationCard.css.d.ts → SliceSelectCard.css.d.ts} +2 -0
  124. package/dist/components/Slice/SliceSelectCard.d.ts +12 -0
  125. package/dist/components/Slice/index.d.ts +1 -1
  126. package/dist/components/Slider/Slider.d.ts +1 -1
  127. package/dist/components/StoryCard.d.ts +12 -0
  128. package/dist/components/Table/Table.css.d.ts +9 -0
  129. package/dist/components/Table/Table.d.ts +24 -0
  130. package/dist/components/Table/Table.stories.d.ts +6 -0
  131. package/dist/components/Table/index.d.ts +1 -0
  132. package/dist/components/TagField/TagFieldHeader.d.ts +2 -2
  133. package/dist/components/TagField/useTagField.d.ts +1 -1
  134. package/dist/components/TagField/useTagFieldHeader.d.ts +2 -2
  135. package/dist/components/Text/Text.css.d.ts +3 -0
  136. package/dist/components/Text/Text.d.ts +4 -3
  137. package/dist/components/Text/index.d.ts +1 -1
  138. package/dist/components/TextArea/TextArea.d.ts +2 -1
  139. package/dist/components/TextInput/TextInput.d.ts +4 -1
  140. package/dist/components/TextLink/TextLink.css.d.ts +2 -0
  141. package/dist/components/TextLink/TextLink.d.ts +3 -1
  142. package/dist/components/Toast/Toast.d.ts +2 -2
  143. package/dist/components/Toast/Toast.stories.d.ts +2 -2
  144. package/dist/components/Toast/ToastContext.d.ts +1 -1
  145. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  146. package/dist/components/Toolbar/Toolbar.d.ts +6 -5
  147. package/dist/components/Tooltip/Tooltip.d.ts +14 -1
  148. package/dist/components/Video/Video.d.ts +2 -1
  149. package/dist/components/Video/Video.stories.d.ts +2 -1
  150. package/dist/components/Video/index.d.ts +1 -1
  151. package/dist/index.d.ts +18 -12
  152. package/dist/index.es.js +15034 -15529
  153. package/dist/style.css +1 -1
  154. package/dist/theme/colors.d.ts +65 -65
  155. package/dist/theme/mediaQueries.d.ts +5 -0
  156. package/dist/theme/selectors.d.ts +21 -21
  157. package/dist/theme/sprinkles.css.d.ts +8324 -536
  158. package/dist/theme/util.d.ts +12 -2
  159. package/dist/theme/vars.css.d.ts +137 -73
  160. package/package.json +16 -14
  161. package/dist/components/DocumentVersions/DocumentVersions.css.d.ts +0 -4
  162. package/dist/components/DocumentVersions/DocumentVersions.d.ts +0 -16
  163. package/dist/components/DocumentVersions/DocumentVersions.stories.d.ts +0 -31
  164. package/dist/components/DocumentVersions/index.d.ts +0 -1
  165. package/dist/components/Slice/SliceVariationCard.d.ts +0 -8
package/dist/theme/colors.d.ts CHANGED
@@ -68,132 +68,132 @@ export declare const colors: {
68
68
  readonly lightMode: "greyDark12";
69
69
  };
70
70
  readonly indigo2: {
71
- readonly darkMode: "indigo2";
72
- readonly lightMode: "indigo2";
71
+ readonly darkMode: "indigoDark2";
72
+ readonly lightMode: "indigoLight2";
73
73
  };
74
74
  readonly indigo7: {
75
- readonly darkMode: "indigo7";
76
- readonly lightMode: "indigo7";
75
+ readonly darkMode: "indigoDark7";
76
+ readonly lightMode: "indigoLight7";
77
77
  };
78
78
  readonly indigo10: {
79
- readonly darkMode: "indigo10";
80
- readonly lightMode: "indigo10";
79
+ readonly darkMode: "indigoDark10";
80
+ readonly lightMode: "indigoLight10";
81
81
  };
82
82
  readonly indigo11: {
83
- readonly darkMode: "indigo11";
84
- readonly lightMode: "indigo11";
83
+ readonly darkMode: "indigoDark11";
84
+ readonly lightMode: "indigoLight11";
85
85
  };
86
86
  readonly green3: {
87
- readonly darkMode: "green3";
88
- readonly lightMode: "green3";
87
+ readonly darkMode: "greenDark3";
88
+ readonly lightMode: "greenLight3";
89
89
  };
90
90
  readonly green4: {
91
- readonly darkMode: "green4";
92
- readonly lightMode: "green4";
91
+ readonly darkMode: "greenDark4";
92
+ readonly lightMode: "greenLight4";
93
93
  };
94
94
  readonly green9: {
95
- readonly darkMode: "green9";
96
- readonly lightMode: "green9";
95
+ readonly darkMode: "greenDark9";
96
+ readonly lightMode: "greenLight9";
97
97
  };
98
98
  readonly green10: {
99
- readonly darkMode: "green10";
100
- readonly lightMode: "green10";
99
+ readonly darkMode: "greenDark10";
100
+ readonly lightMode: "greenLight10";
101
101
  };
102
102
  readonly green11: {
103
- readonly darkMode: "green11";
104
- readonly lightMode: "green11";
103
+ readonly darkMode: "greenDark11";
104
+ readonly lightMode: "greenLight11";
105
105
  };
106
106
  readonly amber3: {
107
- readonly darkMode: "amber3";
108
- readonly lightMode: "amber3";
107
+ readonly darkMode: "amberDark3";
108
+ readonly lightMode: "amberLight3";
109
109
  };
110
110
  readonly amber4: {
111
- readonly darkMode: "amber4";
112
- readonly lightMode: "amber4";
111
+ readonly darkMode: "amberDark4";
112
+ readonly lightMode: "amberLight4";
113
113
  };
114
114
  readonly amber9: {
115
- readonly darkMode: "amber9";
116
- readonly lightMode: "amber9";
115
+ readonly darkMode: "amberDark9";
116
+ readonly lightMode: "amberLight9";
117
117
  };
118
118
  readonly amber10: {
119
- readonly darkMode: "amber10";
120
- readonly lightMode: "amber10";
119
+ readonly darkMode: "amberDark10";
120
+ readonly lightMode: "amberLight10";
121
121
  };
122
122
  readonly amber11: {
123
- readonly darkMode: "amber11";
124
- readonly lightMode: "amber11";
123
+ readonly darkMode: "amberDark11";
124
+ readonly lightMode: "amberLight11";
125
125
  };
126
126
  readonly tomato1: {
127
- readonly darkMode: "tomato1";
128
- readonly lightMode: "tomato1";
127
+ readonly darkMode: "tomatoDark1";
128
+ readonly lightMode: "tomatoLight1";
129
129
  };
130
130
  readonly tomato3: {
131
- readonly darkMode: "tomato3";
132
- readonly lightMode: "tomato3";
131
+ readonly darkMode: "tomatoDark3";
132
+ readonly lightMode: "tomatoLight3";
133
133
  };
134
134
  readonly tomato4: {
135
- readonly darkMode: "tomato4";
136
- readonly lightMode: "tomato4";
135
+ readonly darkMode: "tomatoDark4";
136
+ readonly lightMode: "tomatoLight4";
137
137
  };
138
138
  readonly tomato7: {
139
- readonly darkMode: "tomato7";
140
- readonly lightMode: "tomato7";
139
+ readonly darkMode: "tomatoDark7";
140
+ readonly lightMode: "tomatoLight7";
141
141
  };
142
142
  readonly tomato10: {
143
- readonly darkMode: "tomato10";
144
- readonly lightMode: "tomato10";
143
+ readonly darkMode: "tomatoDark10";
144
+ readonly lightMode: "tomatoLight10";
145
145
  };
146
146
  readonly tomato11: {
147
- readonly darkMode: "tomato11";
148
- readonly lightMode: "tomato11";
147
+ readonly darkMode: "tomatoDark11";
148
+ readonly lightMode: "tomatoLight11";
149
149
  };
150
150
  readonly purple1: {
151
- readonly darkMode: "purple1";
152
- readonly lightMode: "purple1";
151
+ readonly darkMode: "purpleDark1";
152
+ readonly lightMode: "purpleLight1";
153
153
  };
154
154
  readonly purple2: {
155
- readonly darkMode: "purple2";
156
- readonly lightMode: "purple2";
155
+ readonly darkMode: "purpleDark2";
156
+ readonly lightMode: "purpleLight2";
157
157
  };
158
158
  readonly purple3: {
159
- readonly darkMode: "purple3";
160
- readonly lightMode: "purple3";
159
+ readonly darkMode: "purpleDark3";
160
+ readonly lightMode: "purpleLight3";
161
161
  };
162
162
  readonly purple4: {
163
- readonly darkMode: "purple4";
164
- readonly lightMode: "purple4";
163
+ readonly darkMode: "purpleDark4";
164
+ readonly lightMode: "purpleLight4";
165
165
  };
166
166
  readonly purple5: {
167
- readonly darkMode: "purple5";
168
- readonly lightMode: "purple5";
167
+ readonly darkMode: "purpleDark5";
168
+ readonly lightMode: "purpleLight5";
169
169
  };
170
170
  readonly purple6: {
171
- readonly darkMode: "purple6";
172
- readonly lightMode: "purple6";
171
+ readonly darkMode: "purpleDark6";
172
+ readonly lightMode: "purpleLight6";
173
173
  };
174
174
  readonly purple7: {
175
- readonly darkMode: "purple7";
176
- readonly lightMode: "purple7";
175
+ readonly darkMode: "purpleDark7";
176
+ readonly lightMode: "purpleLight7";
177
177
  };
178
178
  readonly purple8: {
179
- readonly darkMode: "purple8";
180
- readonly lightMode: "purple8";
179
+ readonly darkMode: "purpleDark8";
180
+ readonly lightMode: "purpleLight8";
181
181
  };
182
182
  readonly purple9: {
183
- readonly darkMode: "purple9";
184
- readonly lightMode: "purple9";
183
+ readonly darkMode: "purpleDark9";
184
+ readonly lightMode: "purpleLight9";
185
185
  };
186
186
  readonly purple10: {
187
- readonly darkMode: "purple10";
188
- readonly lightMode: "purple10";
187
+ readonly darkMode: "purpleDark10";
188
+ readonly lightMode: "purpleLight10";
189
189
  };
190
190
  readonly purple11: {
191
- readonly darkMode: "purple11";
192
- readonly lightMode: "purple11";
191
+ readonly darkMode: "purpleDark11";
192
+ readonly lightMode: "purpleLight11";
193
193
  };
194
194
  readonly purple12: {
195
- readonly darkMode: "purple12";
196
- readonly lightMode: "purple12";
195
+ readonly darkMode: "purpleDark12";
196
+ readonly lightMode: "purpleLight12";
197
197
  };
198
198
  readonly purpleAlpha1: {
199
199
  readonly darkMode: "purpleAlpha1";
@@ -216,4 +216,4 @@ export declare const colors: {
216
216
  readonly lightMode: "transparent";
217
217
  };
218
218
  };
219
- export declare type ThemeColor = keyof typeof colors;
219
+ export type ThemeColor = keyof typeof colors;
package/dist/theme/mediaQueries.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare const breakpoints: {
2
+ small: string;
3
+ medium: string;
4
+ large: string;
5
+ };
package/dist/theme/selectors.d.ts CHANGED
@@ -1,48 +1,48 @@
1
1
  import type { Color } from "./vars.css";
2
- declare type ConditionalColor = Readonly<{
2
+ type ConditionalColor = Readonly<{
3
3
  darkMode: Color;
4
4
  lightMode: Color;
5
5
  }>;
6
6
  export declare const selectors: {
7
7
  active: ({ darkMode, lightMode }: ConditionalColor) => {
8
- darkModeActive: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
9
- lightModeActive: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
8
+ darkModeActive: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
9
+ lightModeActive: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
10
10
  };
11
11
  checked: ({ darkMode, lightMode }: ConditionalColor) => {
12
- darkModeChecked: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
13
- lightModeChecked: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
12
+ darkModeChecked: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
13
+ lightModeChecked: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
14
14
  };
15
15
  checkedHover: ({ darkMode, lightMode }: ConditionalColor) => {
16
- darkModeCheckedHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
17
- lightModeCheckedHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
16
+ darkModeCheckedHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
17
+ lightModeCheckedHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
18
18
  };
19
19
  disabled: ({ darkMode, lightMode }: ConditionalColor) => {
20
- darkModeDisabled: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
21
- lightModeDisabled: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
20
+ darkModeDisabled: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
21
+ lightModeDisabled: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
22
22
  };
23
23
  focusVisible: ({ darkMode, lightMode }: ConditionalColor) => {
24
- darkModeFocusVisible: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
25
- lightModeFocusVisible: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
24
+ darkModeFocusVisible: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
25
+ lightModeFocusVisible: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
26
26
  };
27
27
  focusWithin: ({ darkMode, lightMode }: ConditionalColor) => {
28
- darkModeFocusWithin: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
29
- lightModeFocusWithin: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
28
+ darkModeFocusWithin: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
29
+ lightModeFocusWithin: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
30
30
  };
31
31
  highlighted: ({ darkMode, lightMode }: ConditionalColor) => {
32
- darkModeHighlighted: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
33
- lightModeHighlighted: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
32
+ darkModeHighlighted: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
33
+ lightModeHighlighted: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
34
34
  };
35
35
  hover: ({ darkMode, lightMode }: ConditionalColor) => {
36
- darkModeHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
37
- lightModeHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
36
+ darkModeHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
37
+ lightModeHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
38
38
  };
39
39
  open: ({ darkMode, lightMode }: ConditionalColor) => {
40
- darkModeOpen: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
41
- lightModeOpen: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
40
+ darkModeOpen: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
41
+ lightModeOpen: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
42
42
  };
43
43
  placeholder: ({ darkMode, lightMode }: ConditionalColor) => {
44
- darkModePlaceholder: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
45
- lightModePlaceholder: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo2" | "indigo7" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato4" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
44
+ darkModePlaceholder: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
45
+ lightModePlaceholder: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigoDark2" | "indigoLight2" | "indigoDark7" | "indigoLight7" | "indigoDark10" | "indigoLight10" | "indigoDark11" | "indigoLight11" | "greenDark3" | "greenLight3" | "greenDark4" | "greenLight4" | "greenDark9" | "greenLight9" | "greenDark10" | "greenLight10" | "greenDark11" | "greenLight11" | "amberDark3" | "amberLight3" | "amberDark4" | "amberLight4" | "amberDark9" | "amberLight9" | "amberDark10" | "amberLight10" | "amberDark11" | "amberLight11" | "tomatoDark1" | "tomatoLight1" | "tomatoDark3" | "tomatoLight3" | "tomatoDark4" | "tomatoLight4" | "tomatoDark7" | "tomatoLight7" | "tomatoDark10" | "tomatoLight10" | "tomatoDark11" | "tomatoLight11" | "purpleDark1" | "purpleLight1" | "purpleDark2" | "purpleLight2" | "purpleDark3" | "purpleLight3" | "purpleDark4" | "purpleLight4" | "purpleDark5" | "purpleLight5" | "purpleDark6" | "purpleLight6" | "purpleDark7" | "purpleLight7" | "purpleDark8" | "purpleLight8" | "purpleDark9" | "purpleLight9" | "purpleDark10" | "purpleLight10" | "purpleDark11" | "purpleLight11" | "purpleDark12" | "purpleLight12" | "purpleAlpha1" | "greyAlpha1" | "currentColor" | "inherit" | "transparent";
46
46
  };
47
47
  };
48
48
  export {};