@atom-learning/components 3.27.0 → 3.27.2

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 (9) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/dist/components/data-table/DataTable.d.ts +3 -3
  3. package/dist/components/input/Input.d.ts +6 -758
  4. package/dist/components/input/Input.js +1 -1
  5. package/dist/components/input/Input.js.map +1 -1
  6. package/dist/docgen.json +1 -1
  7. package/dist/index.cjs.js +1 -1
  8. package/dist/index.cjs.js.map +1 -1
  9. package/package.json +1 -1
package/dist/components/input/Input.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import * as React from 'react';
2
- import { Override } from '../../utilities/types';
3
2
  import { Text } from '../text';
4
3
  export declare const InputBackground: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {
5
4
  direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
@@ -1111,767 +1110,16 @@ declare const StyledInputText: import("@stitches/react/types/styled-component").
1111
1110
  marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1112
1111
  };
1113
1112
  }>>;
1114
- export declare type InputTextProps = Override<React.ComponentProps<typeof StyledInputText>, {
1113
+ export declare type InputTextProps = Omit<React.ComponentProps<typeof StyledInputText>, 'size' | 'type' | 'as'> & {
1115
1114
  size: React.ComponentProps<typeof Text>['size'];
1116
1115
  type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search';
1117
1116
  as?: never;
1118
- }>;
1119
- export declare const InputText: React.ForwardRefExoticComponent<Pick<Omit<Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
1120
- ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
1121
- }, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
1122
- sm: string;
1123
- md: string;
1124
- lg: string;
1125
- xl: string;
1126
- reducedMotion: string;
1127
- allowMotion: string;
1128
- hover: string;
1129
- }> & {
1130
- css?: import("@stitches/react/types/css-util").CSS<{
1131
- sm: string;
1132
- md: string;
1133
- lg: string;
1134
- xl: string;
1135
- reducedMotion: string;
1136
- allowMotion: string;
1137
- hover: string;
1138
- }, {
1139
- colors: {
1140
- textBold: any;
1141
- textRegular: any;
1142
- textSubtle: any;
1143
- textMinimal: any;
1144
- background: any;
1145
- backgroundAccent: any;
1146
- grey100: any;
1147
- grey200: any;
1148
- grey300: any;
1149
- grey400: any;
1150
- grey500: any;
1151
- grey600: any;
1152
- grey700: any;
1153
- grey800: any;
1154
- grey900: any;
1155
- grey1000: any;
1156
- grey1100: any;
1157
- grey1200: any;
1158
- blue100: any;
1159
- blue200: any;
1160
- blue300: any;
1161
- blue400: any;
1162
- blue500: any;
1163
- blue600: any;
1164
- blue700: any;
1165
- blue800: any;
1166
- blue900: any;
1167
- blue1000: any;
1168
- blue1100: any;
1169
- blue1200: any;
1170
- purple100: any;
1171
- purple200: any;
1172
- purple300: any;
1173
- purple400: any;
1174
- purple500: any;
1175
- purple600: any;
1176
- purple700: any;
1177
- purple800: any;
1178
- purple900: any;
1179
- purple1000: any;
1180
- purple1100: any;
1181
- purple1200: any;
1182
- cyan100: any;
1183
- cyan200: any;
1184
- cyan300: any;
1185
- cyan400: any;
1186
- cyan500: any;
1187
- cyan600: any;
1188
- cyan700: any;
1189
- cyan800: any;
1190
- cyan900: any;
1191
- cyan1000: any;
1192
- cyan1100: any;
1193
- cyan1200: any;
1194
- green100: any;
1195
- green200: any;
1196
- green300: any;
1197
- green400: any;
1198
- green500: any;
1199
- green600: any;
1200
- green700: any;
1201
- green800: any;
1202
- green900: any;
1203
- green1000: any;
1204
- green1100: any;
1205
- green1200: any;
1206
- magenta100: any;
1207
- magenta200: any;
1208
- magenta300: any;
1209
- magenta400: any;
1210
- magenta500: any;
1211
- magenta600: any;
1212
- magenta700: any;
1213
- magenta800: any;
1214
- magenta900: any;
1215
- magenta1000: any;
1216
- magenta1100: any;
1217
- magenta1200: any;
1218
- red100: any;
1219
- red200: any;
1220
- red300: any;
1221
- red400: any;
1222
- red500: any;
1223
- red600: any;
1224
- red700: any;
1225
- red800: any;
1226
- red900: any;
1227
- red1000: any;
1228
- red1100: any;
1229
- red1200: any;
1230
- teal100: any;
1231
- teal200: any;
1232
- teal300: any;
1233
- teal400: any;
1234
- teal500: any;
1235
- teal600: any;
1236
- teal700: any;
1237
- teal800: any;
1238
- teal900: any;
1239
- teal1000: any;
1240
- teal1100: any;
1241
- teal1200: any;
1242
- orange100: any;
1243
- orange200: any;
1244
- orange300: any;
1245
- orange400: any;
1246
- orange500: any;
1247
- orange600: any;
1248
- orange700: any;
1249
- orange800: any;
1250
- orange900: any;
1251
- orange1000: any;
1252
- orange1100: any;
1253
- orange1200: any;
1254
- yellow100: any;
1255
- yellow200: any;
1256
- yellow300: any;
1257
- yellow400: any;
1258
- yellow500: any;
1259
- yellow600: any;
1260
- yellow700: any;
1261
- yellow800: any;
1262
- yellow900: any;
1263
- yellow1000: any;
1264
- yellow1100: any;
1265
- yellow1200: any;
1266
- lime100: any;
1267
- lime200: any;
1268
- lime300: any;
1269
- lime400: any;
1270
- lime500: any;
1271
- lime600: any;
1272
- lime700: any;
1273
- lime800: any;
1274
- lime900: any;
1275
- lime1000: any;
1276
- lime1100: any;
1277
- lime1200: any;
1278
- lapis100: any;
1279
- lapis200: any;
1280
- lapis300: any;
1281
- lapis400: any;
1282
- lapis500: any;
1283
- lapis600: any;
1284
- lapis700: any;
1285
- lapis800: any;
1286
- lapis900: any;
1287
- lapis1000: any;
1288
- lapis1100: any;
1289
- lapis1200: any;
1290
- maroon100: any;
1291
- maroon200: any;
1292
- maroon300: any;
1293
- maroon400: any;
1294
- maroon500: any;
1295
- maroon600: any;
1296
- maroon700: any;
1297
- maroon800: any;
1298
- maroon900: any;
1299
- maroon1000: any;
1300
- maroon1100: any;
1301
- maroon1200: any;
1302
- marsh100: any;
1303
- marsh200: any;
1304
- marsh300: any;
1305
- marsh400: any;
1306
- marsh500: any;
1307
- marsh600: any;
1308
- marsh700: any;
1309
- marsh800: any;
1310
- marsh900: any;
1311
- marsh1000: any;
1312
- marsh1100: any;
1313
- marsh1200: any;
1314
- tonal50: any;
1315
- tonal100: any;
1316
- tonal200: any;
1317
- tonal300: any;
1318
- tonal400: any;
1319
- tonal500: any;
1320
- tonal600: any;
1321
- alpha100: any;
1322
- alpha150: any;
1323
- alpha200: any;
1324
- alpha250: any;
1325
- alpha600: any;
1326
- brandRed: any;
1327
- brandRedAccent: any;
1328
- brandGreen: any;
1329
- brandGreenAccent: any;
1330
- brandPurple: any;
1331
- brandPurpleAccent: any;
1332
- brandYellow: any;
1333
- brandYellowAccent: any;
1334
- infoLight: any;
1335
- info: any;
1336
- infoMid: any;
1337
- infoDark: any;
1338
- successLight: any;
1339
- success: any;
1340
- successMid: any;
1341
- successDark: any;
1342
- dangerLight: any;
1343
- danger: any;
1344
- dangerMid: any;
1345
- dangerDark: any;
1346
- warningLight: any;
1347
- warning: any;
1348
- warningMid: any;
1349
- warningDark: any;
1350
- warningText: any;
1351
- subjectEnglish: any;
1352
- subjectMaths: any;
1353
- subjectScience: any;
1354
- subjectVerbalReasoning: any;
1355
- subjectNonVerbalReasoning: any;
1356
- subjectCreativeWriting: any;
1357
- subjectExamSkills: any;
1358
- glBlueLight: any;
1359
- glBluePrimary: any;
1360
- glBlueDark: any;
1361
- primary100: any;
1362
- primary200: any;
1363
- primary300: any;
1364
- primary400: any;
1365
- primary500: any;
1366
- primary600: any;
1367
- primary700: any;
1368
- primary800: any;
1369
- primary900: any;
1370
- primary1000: any;
1371
- primary1100: any;
1372
- primary1200: any;
1373
- };
1374
- space: {
1375
- "0": any;
1376
- "1": any;
1377
- "2": any;
1378
- "3": any;
1379
- "4": any;
1380
- "5": any;
1381
- "6": any;
1382
- "7": any;
1383
- "8": any;
1384
- "9": any;
1385
- "24": any;
1386
- };
1387
- fontSizes: {
1388
- xs: any;
1389
- sm: any;
1390
- md: any;
1391
- lg: any;
1392
- xl: any;
1393
- "2xl": any;
1394
- "3xl": any;
1395
- "4xl": any;
1396
- };
1397
- fonts: {
1398
- sans: any;
1399
- mono: any;
1400
- display: any;
1401
- body: any;
1402
- };
1403
- sizes: {
1404
- "0": any;
1405
- "1": any;
1406
- "2": any;
1407
- "3": any;
1408
- "4": any;
1409
- "5": any;
1410
- "6": any;
1411
- "7": any;
1412
- "8": any;
1413
- };
1414
- radii: {
1415
- "0": any;
1416
- "1": any;
1417
- "2": any;
1418
- "3": any;
1419
- round: any;
1420
- };
1421
- shadows: {
1422
- "0": any;
1423
- "1": any;
1424
- "2": any;
1425
- "3": any;
1426
- };
1427
- ratios: {
1428
- "16-9": any;
1429
- "3-2": any;
1430
- "4-3": any;
1431
- "1-1": any;
1432
- "3-4": any;
1433
- };
1434
- }, import("@stitches/react/types/config").DefaultThemeMap, {
1435
- bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
1436
- background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
1437
- };
1438
- size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
1439
- height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
1440
- width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
1441
- };
1442
- p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1443
- padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1444
- };
1445
- pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1446
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1447
- };
1448
- pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1449
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1450
- };
1451
- pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1452
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1453
- };
1454
- pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1455
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1456
- };
1457
- px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1458
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1459
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1460
- };
1461
- py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1462
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1463
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1464
- };
1465
- m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1466
- margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1467
- };
1468
- mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1469
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1470
- };
1471
- mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1472
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1473
- };
1474
- mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1475
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1476
- };
1477
- ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1478
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1479
- };
1480
- mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1481
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1482
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1483
- };
1484
- my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1485
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1486
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1487
- };
1488
- }> | undefined;
1489
- }, "size" | "as" | "type"> & {
1490
- size: React.ComponentProps<typeof Text>['size'];
1491
- type?: "number" | "text" | "search" | "tel" | "url" | "email" | "password" | undefined;
1492
- as?: undefined;
1493
- }, "color" | "height" | "translate" | "width" | "size" | "css" | "onBlur" | "onChange" | "onSubmit" | "form" | "slot" | "style" | "title" | "pattern" | "key" | "autoComplete" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "as" | "step" | "required" | "min" | "max" | "maxLength" | "minLength" | "disabled" | "type" | "crossOrigin" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "multiple" | "alt" | "src" | "accept" | "capture" | "checked" | "enterKeyHint" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;
1117
+ };
1118
+ export declare const InputText: React.ForwardRefExoticComponent<InputTextProps>;
1494
1119
  declare type InputBackgroundProps = React.ComponentProps<typeof InputBackground>;
1495
- export declare type InputProps = Override<React.ComponentProps<typeof InputText>, {
1496
- size?: InputBackgroundProps['size'];
1497
- state?: InputBackgroundProps['state'];
1498
- }>;
1499
- export declare const Input: React.ForwardRefExoticComponent<Pick<Omit<Pick<Omit<Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
1500
- ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
1501
- }, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
1502
- sm: string;
1503
- md: string;
1504
- lg: string;
1505
- xl: string;
1506
- reducedMotion: string;
1507
- allowMotion: string;
1508
- hover: string;
1509
- }> & {
1510
- css?: import("@stitches/react/types/css-util").CSS<{
1511
- sm: string;
1512
- md: string;
1513
- lg: string;
1514
- xl: string;
1515
- reducedMotion: string;
1516
- allowMotion: string;
1517
- hover: string;
1518
- }, {
1519
- colors: {
1520
- textBold: any;
1521
- textRegular: any;
1522
- textSubtle: any;
1523
- textMinimal: any;
1524
- background: any;
1525
- backgroundAccent: any;
1526
- grey100: any;
1527
- grey200: any;
1528
- grey300: any;
1529
- grey400: any;
1530
- grey500: any;
1531
- grey600: any;
1532
- grey700: any;
1533
- grey800: any;
1534
- grey900: any;
1535
- grey1000: any;
1536
- grey1100: any;
1537
- grey1200: any;
1538
- blue100: any;
1539
- blue200: any;
1540
- blue300: any;
1541
- blue400: any;
1542
- blue500: any;
1543
- blue600: any;
1544
- blue700: any;
1545
- blue800: any;
1546
- blue900: any;
1547
- blue1000: any;
1548
- blue1100: any;
1549
- blue1200: any;
1550
- purple100: any;
1551
- purple200: any;
1552
- purple300: any;
1553
- purple400: any;
1554
- purple500: any;
1555
- purple600: any;
1556
- purple700: any;
1557
- purple800: any;
1558
- purple900: any;
1559
- purple1000: any;
1560
- purple1100: any;
1561
- purple1200: any;
1562
- cyan100: any;
1563
- cyan200: any;
1564
- cyan300: any;
1565
- cyan400: any;
1566
- cyan500: any;
1567
- cyan600: any;
1568
- cyan700: any;
1569
- cyan800: any;
1570
- cyan900: any;
1571
- cyan1000: any;
1572
- cyan1100: any;
1573
- cyan1200: any;
1574
- green100: any;
1575
- green200: any;
1576
- green300: any;
1577
- green400: any;
1578
- green500: any;
1579
- green600: any;
1580
- green700: any;
1581
- green800: any;
1582
- green900: any;
1583
- green1000: any;
1584
- green1100: any;
1585
- green1200: any;
1586
- magenta100: any;
1587
- magenta200: any;
1588
- magenta300: any;
1589
- magenta400: any;
1590
- magenta500: any;
1591
- magenta600: any;
1592
- magenta700: any;
1593
- magenta800: any;
1594
- magenta900: any;
1595
- magenta1000: any;
1596
- magenta1100: any;
1597
- magenta1200: any;
1598
- red100: any;
1599
- red200: any;
1600
- red300: any;
1601
- red400: any;
1602
- red500: any;
1603
- red600: any;
1604
- red700: any;
1605
- red800: any;
1606
- red900: any;
1607
- red1000: any;
1608
- red1100: any;
1609
- red1200: any;
1610
- teal100: any;
1611
- teal200: any;
1612
- teal300: any;
1613
- teal400: any;
1614
- teal500: any;
1615
- teal600: any;
1616
- teal700: any;
1617
- teal800: any;
1618
- teal900: any;
1619
- teal1000: any;
1620
- teal1100: any;
1621
- teal1200: any;
1622
- orange100: any;
1623
- orange200: any;
1624
- orange300: any;
1625
- orange400: any;
1626
- orange500: any;
1627
- orange600: any;
1628
- orange700: any;
1629
- orange800: any;
1630
- orange900: any;
1631
- orange1000: any;
1632
- orange1100: any;
1633
- orange1200: any;
1634
- yellow100: any;
1635
- yellow200: any;
1636
- yellow300: any;
1637
- yellow400: any;
1638
- yellow500: any;
1639
- yellow600: any;
1640
- yellow700: any;
1641
- yellow800: any;
1642
- yellow900: any;
1643
- yellow1000: any;
1644
- yellow1100: any;
1645
- yellow1200: any;
1646
- lime100: any;
1647
- lime200: any;
1648
- lime300: any;
1649
- lime400: any;
1650
- lime500: any;
1651
- lime600: any;
1652
- lime700: any;
1653
- lime800: any;
1654
- lime900: any;
1655
- lime1000: any;
1656
- lime1100: any;
1657
- lime1200: any;
1658
- lapis100: any;
1659
- lapis200: any;
1660
- lapis300: any;
1661
- lapis400: any;
1662
- lapis500: any;
1663
- lapis600: any;
1664
- lapis700: any;
1665
- lapis800: any;
1666
- lapis900: any;
1667
- lapis1000: any;
1668
- lapis1100: any;
1669
- lapis1200: any;
1670
- maroon100: any;
1671
- maroon200: any;
1672
- maroon300: any;
1673
- maroon400: any;
1674
- maroon500: any;
1675
- maroon600: any;
1676
- maroon700: any;
1677
- maroon800: any;
1678
- maroon900: any;
1679
- maroon1000: any;
1680
- maroon1100: any;
1681
- maroon1200: any;
1682
- marsh100: any;
1683
- marsh200: any;
1684
- marsh300: any;
1685
- marsh400: any;
1686
- marsh500: any;
1687
- marsh600: any;
1688
- marsh700: any;
1689
- marsh800: any;
1690
- marsh900: any;
1691
- marsh1000: any;
1692
- marsh1100: any;
1693
- marsh1200: any;
1694
- tonal50: any;
1695
- tonal100: any;
1696
- tonal200: any;
1697
- tonal300: any;
1698
- tonal400: any;
1699
- tonal500: any;
1700
- tonal600: any;
1701
- alpha100: any;
1702
- alpha150: any;
1703
- alpha200: any;
1704
- alpha250: any;
1705
- alpha600: any;
1706
- brandRed: any;
1707
- brandRedAccent: any;
1708
- brandGreen: any;
1709
- brandGreenAccent: any;
1710
- brandPurple: any;
1711
- brandPurpleAccent: any;
1712
- brandYellow: any;
1713
- brandYellowAccent: any;
1714
- infoLight: any;
1715
- info: any;
1716
- infoMid: any;
1717
- infoDark: any;
1718
- successLight: any;
1719
- success: any;
1720
- successMid: any;
1721
- successDark: any;
1722
- dangerLight: any;
1723
- danger: any;
1724
- dangerMid: any;
1725
- dangerDark: any;
1726
- warningLight: any;
1727
- warning: any;
1728
- warningMid: any;
1729
- warningDark: any;
1730
- warningText: any;
1731
- subjectEnglish: any;
1732
- subjectMaths: any;
1733
- subjectScience: any;
1734
- subjectVerbalReasoning: any;
1735
- subjectNonVerbalReasoning: any;
1736
- subjectCreativeWriting: any;
1737
- subjectExamSkills: any;
1738
- glBlueLight: any;
1739
- glBluePrimary: any;
1740
- glBlueDark: any;
1741
- primary100: any;
1742
- primary200: any;
1743
- primary300: any;
1744
- primary400: any;
1745
- primary500: any;
1746
- primary600: any;
1747
- primary700: any;
1748
- primary800: any;
1749
- primary900: any;
1750
- primary1000: any;
1751
- primary1100: any;
1752
- primary1200: any;
1753
- };
1754
- space: {
1755
- "0": any;
1756
- "1": any;
1757
- "2": any;
1758
- "3": any;
1759
- "4": any;
1760
- "5": any;
1761
- "6": any;
1762
- "7": any;
1763
- "8": any;
1764
- "9": any;
1765
- "24": any;
1766
- };
1767
- fontSizes: {
1768
- xs: any;
1769
- sm: any;
1770
- md: any;
1771
- lg: any;
1772
- xl: any;
1773
- "2xl": any;
1774
- "3xl": any;
1775
- "4xl": any;
1776
- };
1777
- fonts: {
1778
- sans: any;
1779
- mono: any;
1780
- display: any;
1781
- body: any;
1782
- };
1783
- sizes: {
1784
- "0": any;
1785
- "1": any;
1786
- "2": any;
1787
- "3": any;
1788
- "4": any;
1789
- "5": any;
1790
- "6": any;
1791
- "7": any;
1792
- "8": any;
1793
- };
1794
- radii: {
1795
- "0": any;
1796
- "1": any;
1797
- "2": any;
1798
- "3": any;
1799
- round: any;
1800
- };
1801
- shadows: {
1802
- "0": any;
1803
- "1": any;
1804
- "2": any;
1805
- "3": any;
1806
- };
1807
- ratios: {
1808
- "16-9": any;
1809
- "3-2": any;
1810
- "4-3": any;
1811
- "1-1": any;
1812
- "3-4": any;
1813
- };
1814
- }, import("@stitches/react/types/config").DefaultThemeMap, {
1815
- bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
1816
- background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
1817
- };
1818
- size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
1819
- height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
1820
- width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
1821
- };
1822
- p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1823
- padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1824
- };
1825
- pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1826
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1827
- };
1828
- pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1829
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1830
- };
1831
- pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1832
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1833
- };
1834
- pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1835
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1836
- };
1837
- px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1838
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1839
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1840
- };
1841
- py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1842
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1843
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1844
- };
1845
- m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1846
- margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1847
- };
1848
- mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1849
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1850
- };
1851
- mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1852
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1853
- };
1854
- mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1855
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1856
- };
1857
- ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1858
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1859
- };
1860
- mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1861
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1862
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1863
- };
1864
- my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1865
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1866
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1867
- };
1868
- }> | undefined;
1869
- }, "size" | "as" | "type"> & {
1870
- size: React.ComponentProps<typeof Text>['size'];
1871
- type?: "number" | "text" | "search" | "tel" | "url" | "email" | "password" | undefined;
1872
- as?: undefined;
1873
- }, "color" | "height" | "translate" | "width" | "size" | "css" | "onBlur" | "onChange" | "onSubmit" | "form" | "slot" | "style" | "title" | "pattern" | "key" | "autoComplete" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "as" | "step" | "required" | "min" | "max" | "maxLength" | "minLength" | "disabled" | "type" | "crossOrigin" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "multiple" | "alt" | "src" | "accept" | "capture" | "checked" | "enterKeyHint" | "readOnly"> & React.RefAttributes<HTMLInputElement>, "size" | "state"> & {
1120
+ export declare type InputProps = Omit<React.ComponentProps<typeof InputText>, 'size' | 'state'> & {
1874
1121
  size?: InputBackgroundProps['size'];
1875
1122
  state?: InputBackgroundProps['state'];
1876
- }, "color" | "height" | "translate" | "width" | "size" | "css" | "onBlur" | "onChange" | "onSubmit" | "form" | "slot" | "style" | "title" | "pattern" | "key" | "autoComplete" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "as" | "step" | "required" | "min" | "max" | "maxLength" | "minLength" | "disabled" | "type" | "crossOrigin" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "multiple" | "alt" | "src" | "accept" | "capture" | "checked" | "enterKeyHint" | "readOnly" | "state"> & React.RefAttributes<HTMLInputElement>>;
1123
+ };
1124
+ export declare const Input: React.ForwardRefExoticComponent<InputProps>;
1877
1125
  export {};