@animus-ui/core 0.1.1-104f7aa3.0 → 0.1.1-284c9841.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -330,6 +330,13 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) {
330
330
  privateMap.set(obj, value);
331
331
  }
332
332
 
333
+ var createScale = function createScale() {
334
+ return [];
335
+ };
336
+ var numericScale = [];
337
+ var stringScale = [];
338
+ var numericOrStringScale = [];
339
+
333
340
  var compatTheme = {
334
341
  breakpoints: {
335
342
  xs: 480,
@@ -338,22 +345,22 @@ var compatTheme = {
338
345
  lg: 1200,
339
346
  xl: 1440
340
347
  },
341
- spacing: [0, 4, 8, 12, 16, 24, 32, 40, 48, 64, 96],
342
- fontSize: [64, 44, 34, 26, 22, 20, 18, 16, 14],
343
- lineHeight: {
344
- body: 1.5,
345
- heading: 1
346
- },
347
- fontWeight: [400, 600, 700],
348
- fontFamily: {
349
- body: 'Verdana, sans-serif',
350
- heading: 'Verdana, Lato, sans-serif',
351
- monospace: 'monospace'
352
- },
353
- radii: [2, 4, 6, 8],
354
- borders: [1, 2, 3],
348
+ space: [0, 4, 8, 12, 16, 24, 32, 40, 48, 64, 96],
349
+ fontSizes: [64, 44, 34, 26, 22, 20, 18, 16, 14],
350
+ lineHeights: numericOrStringScale,
351
+ letterSpacings: {},
352
+ fontWeights: numericOrStringScale,
353
+ fonts: {},
354
+ radii: numericOrStringScale,
355
+ borders: numericOrStringScale,
356
+ borderWidths: numericOrStringScale,
355
357
  colors: {},
358
+ shadows: {},
356
359
  modes: {},
360
+ transitions: {},
361
+ animations: {},
362
+ zIndices: {},
363
+ opacities: {},
357
364
  mode: undefined
358
365
  };
359
366
 
@@ -1073,10 +1080,6 @@ var createAnimus = function createAnimus() {
1073
1080
  return new AnimusConfig();
1074
1081
  };
1075
1082
 
1076
- var createScale = function createScale() {
1077
- return [];
1078
- };
1079
-
1080
1083
  var percentageOrAbsolute = function percentageOrAbsolute(coordinate) {
1081
1084
  if (coordinate === 0) {
1082
1085
  return coordinate;
@@ -1212,6 +1215,14 @@ var color = {
1212
1215
  borderColorBottom: {
1213
1216
  property: 'borderBottomColor',
1214
1217
  scale: 'colors'
1218
+ },
1219
+ fill: {
1220
+ property: 'fill',
1221
+ scale: 'colors'
1222
+ },
1223
+ stroke: {
1224
+ property: 'stroke',
1225
+ scale: 'colors'
1215
1226
  }
1216
1227
  };
1217
1228
  var border = {
@@ -1254,77 +1265,84 @@ var border = {
1254
1265
  },
1255
1266
  // Width
1256
1267
  borderWidth: {
1257
- property: 'borderWidth'
1268
+ property: 'borderWidth',
1269
+ scale: 'borderWidths'
1258
1270
  },
1259
1271
  borderWidthX: {
1260
1272
  property: 'borderWidth',
1261
- properties: ['borderLeftWidth', 'borderRightWidth']
1273
+ properties: ['borderLeftWidth', 'borderRightWidth'],
1274
+ scale: 'borderWidths'
1262
1275
  },
1263
1276
  borderWidthY: {
1264
1277
  property: 'borderWidth',
1265
- properties: ['borderTopWidth', 'borderBottomWidth']
1278
+ properties: ['borderTopWidth', 'borderBottomWidth'],
1279
+ scale: 'borderWidths'
1266
1280
  },
1267
1281
  borderWidthLeft: {
1268
- property: 'borderLeftWidth'
1282
+ property: 'borderLeftWidth',
1283
+ scale: 'borderWidths'
1269
1284
  },
1270
1285
  borderWidthRight: {
1271
- property: 'borderRightWidth'
1286
+ property: 'borderRightWidth',
1287
+ scale: 'borderWidths'
1272
1288
  },
1273
1289
  borderWidthTop: {
1274
- property: 'borderTopWidth'
1290
+ property: 'borderTopWidth',
1291
+ scale: 'borderWidths'
1275
1292
  },
1276
1293
  borderWidthBottom: {
1277
- property: 'borderBottomWidth'
1294
+ property: 'borderBottomWidth',
1295
+ scale: 'borderWidths'
1278
1296
  },
1279
1297
  // Radius
1280
1298
  borderRadius: {
1281
1299
  property: 'borderRadius',
1282
1300
  scale: 'radii',
1283
- transform: numberToPx
1301
+ transform: size
1284
1302
  },
1285
1303
  borderRadiusLeft: {
1286
1304
  property: 'borderRadius',
1287
1305
  properties: ['borderTopLeftRadius', 'borderBottomLeftRadius'],
1288
1306
  scale: 'radii',
1289
- transform: numberToPx
1307
+ transform: size
1290
1308
  },
1291
1309
  borderRadiusTop: {
1292
1310
  property: 'borderRadius',
1293
1311
  properties: ['borderTopLeftRadius', 'borderTopRightRadius'],
1294
1312
  scale: 'radii',
1295
- transform: numberToPx
1313
+ transform: size
1296
1314
  },
1297
1315
  borderRadiusBottom: {
1298
1316
  property: 'borderRadius',
1299
1317
  properties: ['borderBottomLeftRadius', 'borderBottomRightRadius'],
1300
1318
  scale: 'radii',
1301
- transform: numberToPx
1319
+ transform: size
1302
1320
  },
1303
1321
  borderRadiusRight: {
1304
1322
  property: 'borderRadius',
1305
1323
  properties: ['borderTopRightRadius', 'borderBottomRightRadius'],
1306
1324
  scale: 'radii',
1307
- transform: numberToPx
1325
+ transform: size
1308
1326
  },
1309
1327
  borderRadiusTopLeft: {
1310
1328
  property: 'borderTopLeftRadius',
1311
1329
  scale: 'radii',
1312
- transform: numberToPx
1330
+ transform: size
1313
1331
  },
1314
1332
  borderRadiusTopRight: {
1315
1333
  property: 'borderTopRightRadius',
1316
1334
  scale: 'radii',
1317
- transform: numberToPx
1335
+ transform: size
1318
1336
  },
1319
1337
  borderRadiusBottomRight: {
1320
1338
  property: 'borderBottomRightRadius',
1321
1339
  scale: 'radii',
1322
- transform: numberToPx
1340
+ transform: size
1323
1341
  },
1324
1342
  borderRadiusBottomLeft: {
1325
1343
  property: 'borderBottomLeftRadius',
1326
1344
  scale: 'radii',
1327
- transform: numberToPx
1345
+ transform: size
1328
1346
  },
1329
1347
  // Style
1330
1348
  borderStyle: {
@@ -1354,15 +1372,15 @@ var border = {
1354
1372
  var gaps = {
1355
1373
  gap: {
1356
1374
  property: 'gap',
1357
- scale: 'spacing'
1375
+ scale: 'space'
1358
1376
  },
1359
1377
  rowGap: {
1360
1378
  property: 'rowGap',
1361
- scale: 'spacing'
1379
+ scale: 'space'
1362
1380
  },
1363
1381
  columnGap: {
1364
1382
  property: 'columnGap',
1365
- scale: 'spacing'
1383
+ scale: 'space'
1366
1384
  }
1367
1385
  };
1368
1386
  var selfAlignments = {
@@ -1529,18 +1547,22 @@ var positioning = {
1529
1547
  transform: size
1530
1548
  },
1531
1549
  zIndex: {
1532
- property: 'zIndex'
1550
+ property: 'zIndex',
1551
+ scale: 'zIndices'
1533
1552
  },
1534
1553
  opacity: {
1535
- property: 'opacity'
1554
+ property: 'opacity',
1555
+ scale: 'opacities'
1536
1556
  }
1537
1557
  };
1538
1558
  var shadows = {
1539
1559
  boxShadow: {
1540
- property: 'boxShadow'
1560
+ property: 'boxShadow',
1561
+ scale: 'shadows'
1541
1562
  },
1542
1563
  textShadow: {
1543
- property: 'textShadow'
1564
+ property: 'textShadow',
1565
+ scale: 'shadows'
1544
1566
  }
1545
1567
  };
1546
1568
  var layout = _objectSpread2(_objectSpread2(_objectSpread2({
@@ -1592,23 +1614,24 @@ var layout = _objectSpread2(_objectSpread2(_objectSpread2({
1592
1614
  var typography = {
1593
1615
  fontFamily: {
1594
1616
  property: 'fontFamily',
1595
- scale: 'fontFamily'
1617
+ scale: 'fonts'
1596
1618
  },
1597
1619
  fontWeight: {
1598
1620
  property: 'fontWeight',
1599
- scale: 'fontWeight'
1621
+ scale: 'fontWeights'
1600
1622
  },
1601
1623
  lineHeight: {
1602
1624
  property: 'lineHeight',
1603
- scale: 'lineHeight',
1625
+ scale: 'lineHeights',
1604
1626
  lineHeight: 'lineHeight'
1605
1627
  },
1606
1628
  fontSize: {
1607
1629
  property: 'fontSize',
1608
- scale: 'fontSize'
1630
+ scale: 'fontSizes'
1609
1631
  },
1610
1632
  letterSpacing: {
1611
- property: 'letterSpacing'
1633
+ property: 'letterSpacing',
1634
+ scale: 'letterSpacings'
1612
1635
  },
1613
1636
  textAlign: {
1614
1637
  property: 'textAlign'
@@ -1629,68 +1652,81 @@ var typography = {
1629
1652
  var margin = {
1630
1653
  m: {
1631
1654
  property: 'margin',
1632
- scale: 'spacing'
1655
+ scale: 'space'
1633
1656
  },
1634
1657
  mx: {
1635
1658
  property: 'margin',
1636
1659
  properties: ['marginLeft', 'marginRight'],
1637
- scale: 'spacing'
1660
+ scale: 'space'
1638
1661
  },
1639
1662
  my: {
1640
1663
  property: 'margin',
1641
1664
  properties: ['marginTop', 'marginBottom'],
1642
- scale: 'spacing'
1665
+ scale: 'space'
1643
1666
  },
1644
1667
  mt: {
1645
1668
  property: 'marginTop',
1646
- scale: 'spacing'
1669
+ scale: 'space'
1647
1670
  },
1648
1671
  mb: {
1649
1672
  property: 'marginBottom',
1650
- scale: 'spacing'
1673
+ scale: 'space'
1651
1674
  },
1652
1675
  mr: {
1653
1676
  property: 'marginRight',
1654
- scale: 'spacing'
1677
+ scale: 'space'
1655
1678
  },
1656
1679
  ml: {
1657
1680
  property: 'marginLeft',
1658
- scale: 'spacing'
1681
+ scale: 'space'
1659
1682
  }
1660
1683
  };
1661
1684
  var padding = {
1662
1685
  p: {
1663
1686
  property: 'padding',
1664
- scale: 'spacing'
1687
+ scale: 'space'
1665
1688
  },
1666
1689
  px: {
1667
1690
  property: 'padding',
1668
1691
  properties: ['paddingLeft', 'paddingRight'],
1669
- scale: 'spacing'
1692
+ scale: 'space'
1670
1693
  },
1671
1694
  py: {
1672
1695
  property: 'padding',
1673
1696
  properties: ['paddingTop', 'paddingBottom'],
1674
- scale: 'spacing'
1697
+ scale: 'space'
1675
1698
  },
1676
1699
  pt: {
1677
1700
  property: 'paddingTop',
1678
- scale: 'spacing'
1701
+ scale: 'space'
1679
1702
  },
1680
1703
  pb: {
1681
1704
  property: 'paddingBottom',
1682
- scale: 'spacing'
1705
+ scale: 'space'
1683
1706
  },
1684
1707
  pr: {
1685
1708
  property: 'paddingRight',
1686
- scale: 'spacing'
1709
+ scale: 'space'
1687
1710
  },
1688
1711
  pl: {
1689
1712
  property: 'paddingLeft',
1690
- scale: 'spacing'
1713
+ scale: 'space'
1691
1714
  }
1692
1715
  };
1693
1716
  var space = _objectSpread2(_objectSpread2({}, margin), padding);
1717
+ var transitions = {
1718
+ transition: {
1719
+ property: 'transition',
1720
+ scale: 'transitions'
1721
+ },
1722
+ animation: {
1723
+ property: 'animation',
1724
+ scale: 'animations'
1725
+ },
1726
+ animationPlayState: {
1727
+ property: 'animationPlayState'
1728
+ }
1729
+ };
1694
1730
  var mode = {
1695
1731
  mode: {
1696
1732
  property: 'none',
@@ -1702,7 +1738,7 @@ var vars = {
1702
1738
  property: 'variables'
1703
1739
  }
1704
1740
  };
1705
- var config = createAnimus().addGroup('flex', flex).addGroup('grid', grid).addGroup('mode', mode).addGroup('vars', vars).addGroup('space', space).addGroup('color', color).addGroup('layout', layout).addGroup('borders', border).addGroup('shadows', shadows).addGroup('background', background).addGroup('typography', typography).addGroup('positioning', positioning);
1741
+ var config = createAnimus().addGroup('flex', flex).addGroup('grid', grid).addGroup('mode', mode).addGroup('vars', vars).addGroup('space', space).addGroup('color', color).addGroup('layout', layout).addGroup('borders', border).addGroup('shadows', shadows).addGroup('background', background).addGroup('typography', typography).addGroup('positioning', positioning).addGroup('transitions', transitions);
1706
1742
  config.build();
1707
1743
 
1708
1744
  var _excluded = ["_"];
@@ -2068,4 +2104,4 @@ var animusProps = {
2068
2104
 
2069
2105
  var animus = config.build();
2070
2106
 
2071
- export { AnimusConfig, animus, animusProps, borderShorthand, compatTheme, config, createAnimus, createScale, gridItem, gridItemRatio, numberToPx, numberToTemplate, parseGridRatio, percentageOrAbsolute, repeatGridItem, size };
2107
+ export { AnimusConfig, animus, animusProps, borderShorthand, compatTheme, config, createAnimus, createScale, gridItem, gridItemRatio, numberToPx, numberToTemplate, numericOrStringScale, numericScale, parseGridRatio, percentageOrAbsolute, repeatGridItem, size, stringScale };
@@ -15,7 +15,7 @@ export declare const createStyledOptions: <T extends Record<string, any>>(props:
15
15
  forward?: readonly Forward[] | undefined;
16
16
  filter?: readonly Filter[] | undefined;
17
17
  } | undefined) => {
18
- shouldForwardProp: (prop: PropertyKey) => prop is Forward | Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, "variant" | Filter | keyof T | "mode">;
18
+ shouldForwardProp: (prop: PropertyKey) => prop is Forward | Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, "mode" | "variant" | Filter | keyof T>;
19
19
  }) & {
20
- shouldForwardProp: (prop: PropertyKey) => prop is Exclude<"ref", "variant" | keyof T | "mode"> | Exclude<"key", "variant" | keyof T | "mode"> | Exclude<"color", "variant" | keyof T | "mode"> | Exclude<"translate", "variant" | keyof T | "mode"> | Exclude<"property", "variant" | keyof T | "mode"> | Exclude<"hidden", "variant" | keyof T | "mode"> | Exclude<"style", "variant" | keyof T | "mode"> | Exclude<"slot", "variant" | keyof T | "mode"> | Exclude<"title", "variant" | keyof T | "mode"> | Exclude<"className", "variant" | keyof T | "mode"> | Exclude<"id", "variant" | keyof T | "mode"> | Exclude<"prefix", "variant" | keyof T | "mode"> | Exclude<"children", "variant" | keyof T | "mode"> | Exclude<"lang", "variant" | keyof T | "mode"> | Exclude<"role", "variant" | keyof T | "mode"> | Exclude<"tabIndex", "variant" | keyof T | "mode"> | Exclude<"aria-activedescendant", "variant" | keyof T | "mode"> | Exclude<"aria-atomic", "variant" | keyof T | "mode"> | Exclude<"aria-autocomplete", "variant" | keyof T | "mode"> | Exclude<"aria-busy", "variant" | keyof T | "mode"> | Exclude<"aria-checked", "variant" | keyof T | "mode"> | Exclude<"aria-colcount", "variant" | keyof T | "mode"> | Exclude<"aria-colindex", "variant" | keyof T | "mode"> | Exclude<"aria-colspan", "variant" | keyof T | "mode"> | Exclude<"aria-controls", "variant" | keyof T | "mode"> | Exclude<"aria-current", "variant" | keyof T | "mode"> | Exclude<"aria-describedby", "variant" | keyof T | "mode"> | Exclude<"aria-details", "variant" | keyof T | "mode"> | Exclude<"aria-disabled", "variant" | keyof T | "mode"> | Exclude<"aria-dropeffect", "variant" | keyof T | "mode"> | Exclude<"aria-errormessage", "variant" | keyof T | "mode"> | Exclude<"aria-expanded", "variant" | keyof T | "mode"> | Exclude<"aria-flowto", "variant" | keyof T | "mode"> | Exclude<"aria-grabbed", "variant" | keyof T | "mode"> | Exclude<"aria-haspopup", "variant" | keyof T | "mode"> | Exclude<"aria-hidden", "variant" | keyof T | "mode"> | Exclude<"aria-invalid", "variant" | keyof T | "mode"> | Exclude<"aria-keyshortcuts", "variant" | keyof T | "mode"> | Exclude<"aria-label", "variant" | keyof T | "mode"> | Exclude<"aria-labelledby", "variant" | keyof T | "mode"> | Exclude<"aria-level", "variant" | keyof T | "mode"> | Exclude<"aria-live", "variant" | keyof T | "mode"> | Exclude<"aria-modal", "variant" | keyof T | "mode"> | Exclude<"aria-multiline", "variant" | keyof T | "mode"> | Exclude<"aria-multiselectable", "variant" | keyof T | "mode"> | Exclude<"aria-orientation", "variant" | keyof T | "mode"> | Exclude<"aria-owns", "variant" | keyof T | "mode"> | Exclude<"aria-placeholder", "variant" | keyof T | "mode"> | Exclude<"aria-posinset", "variant" | keyof T | "mode"> | Exclude<"aria-pressed", "variant" | keyof T | "mode"> | Exclude<"aria-readonly", "variant" | keyof T | "mode"> | Exclude<"aria-relevant", "variant" | keyof T | "mode"> | Exclude<"aria-required", "variant" | keyof T | "mode"> | Exclude<"aria-roledescription", "variant" | keyof T | "mode"> | Exclude<"aria-rowcount", "variant" | keyof T | "mode"> | Exclude<"aria-rowindex", "variant" | keyof T | "mode"> | Exclude<"aria-rowspan", "variant" | keyof T | "mode"> | Exclude<"aria-selected", "variant" | keyof T | "mode"> | Exclude<"aria-setsize", "variant" | keyof T | "mode"> | Exclude<"aria-sort", "variant" | keyof T | "mode"> | Exclude<"aria-valuemax", "variant" | keyof T | "mode"> | Exclude<"aria-valuemin", "variant" | keyof T | "mode"> | Exclude<"aria-valuenow", "variant" | keyof T | "mode"> | Exclude<"aria-valuetext", "variant" | keyof T | "mode"> | Exclude<"dangerouslySetInnerHTML", "variant" | keyof T | "mode"> | Exclude<"onCopy", "variant" | keyof T | "mode"> | Exclude<"onCopyCapture", "variant" | keyof T | "mode"> | Exclude<"onCut", "variant" | keyof T | "mode"> | Exclude<"onCutCapture", "variant" | keyof T | "mode"> | Exclude<"onPaste", "variant" | keyof T | "mode"> | Exclude<"onPasteCapture", "variant" | keyof T | "mode"> | Exclude<"onCompositionEnd", "variant" | keyof T | "mode"> | Exclude<"onCompositionEndCapture", "variant" | keyof T | "mode"> | Exclude<"onCompositionStart", "variant" | keyof T | "mode"> | Exclude<"onCompositionStartCapture", "variant" | keyof T | "mode"> | Exclude<"onCompositionUpdate", "variant" | keyof T | "mode"> | Exclude<"onCompositionUpdateCapture", "variant" | keyof T | "mode"> | Exclude<"onFocus", "variant" | keyof T | "mode"> | Exclude<"onFocusCapture", "variant" | keyof T | "mode"> | Exclude<"onBlur", "variant" | keyof T | "mode"> | Exclude<"onBlurCapture", "variant" | keyof T | "mode"> | Exclude<"onChange", "variant" | keyof T | "mode"> | Exclude<"onChangeCapture", "variant" | keyof T | "mode"> | Exclude<"onBeforeInput", "variant" | keyof T | "mode"> | Exclude<"onBeforeInputCapture", "variant" | keyof T | "mode"> | Exclude<"onInput", "variant" | keyof T | "mode"> | Exclude<"onInputCapture", "variant" | keyof T | "mode"> | Exclude<"onReset", "variant" | keyof T | "mode"> | Exclude<"onResetCapture", "variant" | keyof T | "mode"> | Exclude<"onSubmit", "variant" | keyof T | "mode"> | Exclude<"onSubmitCapture", "variant" | keyof T | "mode"> | Exclude<"onInvalid", "variant" | keyof T | "mode"> | Exclude<"onInvalidCapture", "variant" | keyof T | "mode"> | Exclude<"onLoad", "variant" | keyof T | "mode"> | Exclude<"onLoadCapture", "variant" | keyof T | "mode"> | Exclude<"onError", "variant" | keyof T | "mode"> | Exclude<"onErrorCapture", "variant" | keyof T | "mode"> | Exclude<"onKeyDown", "variant" | keyof T | "mode"> | Exclude<"onKeyDownCapture", "variant" | keyof T | "mode"> | Exclude<"onKeyPress", "variant" | keyof T | "mode"> | Exclude<"onKeyPressCapture", "variant" | keyof T | "mode"> | Exclude<"onKeyUp", "variant" | keyof T | "mode"> | Exclude<"onKeyUpCapture", "variant" | keyof T | "mode"> | Exclude<"onAbort", "variant" | keyof T | "mode"> | Exclude<"onAbortCapture", "variant" | keyof T | "mode"> | Exclude<"onCanPlay", "variant" | keyof T | "mode"> | Exclude<"onCanPlayCapture", "variant" | keyof T | "mode"> | Exclude<"onCanPlayThrough", "variant" | keyof T | "mode"> | Exclude<"onCanPlayThroughCapture", "variant" | keyof T | "mode"> | Exclude<"onDurationChange", "variant" | keyof T | "mode"> | Exclude<"onDurationChangeCapture", "variant" | keyof T | "mode"> | Exclude<"onEmptied", "variant" | keyof T | "mode"> | Exclude<"onEmptiedCapture", "variant" | keyof T | "mode"> | Exclude<"onEncrypted", "variant" | keyof T | "mode"> | Exclude<"onEncryptedCapture", "variant" | keyof T | "mode"> | Exclude<"onEnded", "variant" | keyof T | "mode"> | Exclude<"onEndedCapture", "variant" | keyof T | "mode"> | Exclude<"onLoadedData", "variant" | keyof T | "mode"> | Exclude<"onLoadedDataCapture", "variant" | keyof T | "mode"> | Exclude<"onLoadedMetadata", "variant" | keyof T | "mode"> | Exclude<"onLoadedMetadataCapture", "variant" | keyof T | "mode"> | Exclude<"onLoadStart", "variant" | keyof T | "mode"> | Exclude<"onLoadStartCapture", "variant" | keyof T | "mode"> | Exclude<"onPause", "variant" | keyof T | "mode"> | Exclude<"onPauseCapture", "variant" | keyof T | "mode"> | Exclude<"onPlay", "variant" | keyof T | "mode"> | Exclude<"onPlayCapture", "variant" | keyof T | "mode"> | Exclude<"onPlaying", "variant" | keyof T | "mode"> | Exclude<"onPlayingCapture", "variant" | keyof T | "mode"> | Exclude<"onProgress", "variant" | keyof T | "mode"> | Exclude<"onProgressCapture", "variant" | keyof T | "mode"> | Exclude<"onRateChange", "variant" | keyof T | "mode"> | Exclude<"onRateChangeCapture", "variant" | keyof T | "mode"> | Exclude<"onSeeked", "variant" | keyof T | "mode"> | Exclude<"onSeekedCapture", "variant" | keyof T | "mode"> | Exclude<"onSeeking", "variant" | keyof T | "mode"> | Exclude<"onSeekingCapture", "variant" | keyof T | "mode"> | Exclude<"onStalled", "variant" | keyof T | "mode"> | Exclude<"onStalledCapture", "variant" | keyof T | "mode"> | Exclude<"onSuspend", "variant" | keyof T | "mode"> | Exclude<"onSuspendCapture", "variant" | keyof T | "mode"> | Exclude<"onTimeUpdate", "variant" | keyof T | "mode"> | Exclude<"onTimeUpdateCapture", "variant" | keyof T | "mode"> | Exclude<"onVolumeChange", "variant" | keyof T | "mode"> | Exclude<"onVolumeChangeCapture", "variant" | keyof T | "mode"> | Exclude<"onWaiting", "variant" | keyof T | "mode"> | Exclude<"onWaitingCapture", "variant" | keyof T | "mode"> | Exclude<"onAuxClick", "variant" | keyof T | "mode"> | Exclude<"onAuxClickCapture", "variant" | keyof T | "mode"> | Exclude<"onClick", "variant" | keyof T | "mode"> | Exclude<"onClickCapture", "variant" | keyof T | "mode"> | Exclude<"onContextMenu", "variant" | keyof T | "mode"> | Exclude<"onContextMenuCapture", "variant" | keyof T | "mode"> | Exclude<"onDoubleClick", "variant" | keyof T | "mode"> | Exclude<"onDoubleClickCapture", "variant" | keyof T | "mode"> | Exclude<"onDrag", "variant" | keyof T | "mode"> | Exclude<"onDragCapture", "variant" | keyof T | "mode"> | Exclude<"onDragEnd", "variant" | keyof T | "mode"> | Exclude<"onDragEndCapture", "variant" | keyof T | "mode"> | Exclude<"onDragEnter", "variant" | keyof T | "mode"> | Exclude<"onDragEnterCapture", "variant" | keyof T | "mode"> | Exclude<"onDragExit", "variant" | keyof T | "mode"> | Exclude<"onDragExitCapture", "variant" | keyof T | "mode"> | Exclude<"onDragLeave", "variant" | keyof T | "mode"> | Exclude<"onDragLeaveCapture", "variant" | keyof T | "mode"> | Exclude<"onDragOver", "variant" | keyof T | "mode"> | Exclude<"onDragOverCapture", "variant" | keyof T | "mode"> | Exclude<"onDragStart", "variant" | keyof T | "mode"> | Exclude<"onDragStartCapture", "variant" | keyof T | "mode"> | Exclude<"onDrop", "variant" | keyof T | "mode"> | Exclude<"onDropCapture", "variant" | keyof T | "mode"> | Exclude<"onMouseDown", "variant" | keyof T | "mode"> | Exclude<"onMouseDownCapture", "variant" | keyof T | "mode"> | Exclude<"onMouseEnter", "variant" | keyof T | "mode"> | Exclude<"onMouseLeave", "variant" | keyof T | "mode"> | Exclude<"onMouseMove", "variant" | keyof T | "mode"> | Exclude<"onMouseMoveCapture", "variant" | keyof T | "mode"> | Exclude<"onMouseOut", "variant" | keyof T | "mode"> | Exclude<"onMouseOutCapture", "variant" | keyof T | "mode"> | Exclude<"onMouseOver", "variant" | keyof T | "mode"> | Exclude<"onMouseOverCapture", "variant" | keyof T | "mode"> | Exclude<"onMouseUp", "variant" | keyof T | "mode"> | Exclude<"onMouseUpCapture", "variant" | keyof T | "mode"> | Exclude<"onSelect", "variant" | keyof T | "mode"> | Exclude<"onSelectCapture", "variant" | keyof T | "mode"> | Exclude<"onTouchCancel", "variant" | keyof T | "mode"> | Exclude<"onTouchCancelCapture", "variant" | keyof T | "mode"> | Exclude<"onTouchEnd", "variant" | keyof T | "mode"> | Exclude<"onTouchEndCapture", "variant" | keyof T | "mode"> | Exclude<"onTouchMove", "variant" | keyof T | "mode"> | Exclude<"onTouchMoveCapture", "variant" | keyof T | "mode"> | Exclude<"onTouchStart", "variant" | keyof T | "mode"> | Exclude<"onTouchStartCapture", "variant" | keyof T | "mode"> | Exclude<"onPointerDown", "variant" | keyof T | "mode"> | Exclude<"onPointerDownCapture", "variant" | keyof T | "mode"> | Exclude<"onPointerMove", "variant" | keyof T | "mode"> | Exclude<"onPointerMoveCapture", "variant" | keyof T | "mode"> | Exclude<"onPointerUp", "variant" | keyof T | "mode"> | Exclude<"onPointerUpCapture", "variant" | keyof T | "mode"> | Exclude<"onPointerCancel", "variant" | keyof T | "mode"> | Exclude<"onPointerCancelCapture", "variant" | keyof T | "mode"> | Exclude<"onPointerEnter", "variant" | keyof T | "mode"> | Exclude<"onPointerEnterCapture", "variant" | keyof T | "mode"> | Exclude<"onPointerLeave", "variant" | keyof T | "mode"> | Exclude<"onPointerLeaveCapture", "variant" | keyof T | "mode"> | Exclude<"onPointerOver", "variant" | keyof T | "mode"> | Exclude<"onPointerOverCapture", "variant" | keyof T | "mode"> | Exclude<"onPointerOut", "variant" | keyof T | "mode"> | Exclude<"onPointerOutCapture", "variant" | keyof T | "mode"> | Exclude<"onGotPointerCapture", "variant" | keyof T | "mode"> | Exclude<"onGotPointerCaptureCapture", "variant" | keyof T | "mode"> | Exclude<"onLostPointerCapture", "variant" | keyof T | "mode"> | Exclude<"onLostPointerCaptureCapture", "variant" | keyof T | "mode"> | Exclude<"onScroll", "variant" | keyof T | "mode"> | Exclude<"onScrollCapture", "variant" | keyof T | "mode"> | Exclude<"onWheel", "variant" | keyof T | "mode"> | Exclude<"onWheelCapture", "variant" | keyof T | "mode"> | Exclude<"onAnimationStart", "variant" | keyof T | "mode"> | Exclude<"onAnimationStartCapture", "variant" | keyof T | "mode"> | Exclude<"onAnimationEnd", "variant" | keyof T | "mode"> | Exclude<"onAnimationEndCapture", "variant" | keyof T | "mode"> | Exclude<"onAnimationIteration", "variant" | keyof T | "mode"> | Exclude<"onAnimationIterationCapture", "variant" | keyof T | "mode"> | Exclude<"onTransitionEnd", "variant" | keyof T | "mode"> | Exclude<"onTransitionEndCapture", "variant" | keyof T | "mode"> | Exclude<"defaultChecked", "variant" | keyof T | "mode"> | Exclude<"defaultValue", "variant" | keyof T | "mode"> | Exclude<"suppressContentEditableWarning", "variant" | keyof T | "mode"> | Exclude<"suppressHydrationWarning", "variant" | keyof T | "mode"> | Exclude<"accessKey", "variant" | keyof T | "mode"> | Exclude<"contentEditable", "variant" | keyof T | "mode"> | Exclude<"contextMenu", "variant" | keyof T | "mode"> | Exclude<"dir", "variant" | keyof T | "mode"> | Exclude<"draggable", "variant" | keyof T | "mode"> | Exclude<"placeholder", "variant" | keyof T | "mode"> | Exclude<"spellCheck", "variant" | keyof T | "mode"> | Exclude<"radioGroup", "variant" | keyof T | "mode"> | Exclude<"about", "variant" | keyof T | "mode"> | Exclude<"datatype", "variant" | keyof T | "mode"> | Exclude<"inlist", "variant" | keyof T | "mode"> | Exclude<"resource", "variant" | keyof T | "mode"> | Exclude<"typeof", "variant" | keyof T | "mode"> | Exclude<"vocab", "variant" | keyof T | "mode"> | Exclude<"autoCapitalize", "variant" | keyof T | "mode"> | Exclude<"autoCorrect", "variant" | keyof T | "mode"> | Exclude<"autoSave", "variant" | keyof T | "mode"> | Exclude<"itemProp", "variant" | keyof T | "mode"> | Exclude<"itemScope", "variant" | keyof T | "mode"> | Exclude<"itemType", "variant" | keyof T | "mode"> | Exclude<"itemID", "variant" | keyof T | "mode"> | Exclude<"itemRef", "variant" | keyof T | "mode"> | Exclude<"results", "variant" | keyof T | "mode"> | Exclude<"security", "variant" | keyof T | "mode"> | Exclude<"unselectable", "variant" | keyof T | "mode"> | Exclude<"inputMode", "variant" | keyof T | "mode"> | Exclude<"is", "variant" | keyof T | "mode">;
20
+ shouldForwardProp: (prop: PropertyKey) => prop is Exclude<"ref", "mode" | "variant" | keyof T> | Exclude<"key", "mode" | "variant" | keyof T> | Exclude<"color", "mode" | "variant" | keyof T> | Exclude<"translate", "mode" | "variant" | keyof T> | Exclude<"property", "mode" | "variant" | keyof T> | Exclude<"hidden", "mode" | "variant" | keyof T> | Exclude<"style", "mode" | "variant" | keyof T> | Exclude<"slot", "mode" | "variant" | keyof T> | Exclude<"title", "mode" | "variant" | keyof T> | Exclude<"className", "mode" | "variant" | keyof T> | Exclude<"id", "mode" | "variant" | keyof T> | Exclude<"prefix", "mode" | "variant" | keyof T> | Exclude<"children", "mode" | "variant" | keyof T> | Exclude<"lang", "mode" | "variant" | keyof T> | Exclude<"role", "mode" | "variant" | keyof T> | Exclude<"tabIndex", "mode" | "variant" | keyof T> | Exclude<"aria-activedescendant", "mode" | "variant" | keyof T> | Exclude<"aria-atomic", "mode" | "variant" | keyof T> | Exclude<"aria-autocomplete", "mode" | "variant" | keyof T> | Exclude<"aria-busy", "mode" | "variant" | keyof T> | Exclude<"aria-checked", "mode" | "variant" | keyof T> | Exclude<"aria-colcount", "mode" | "variant" | keyof T> | Exclude<"aria-colindex", "mode" | "variant" | keyof T> | Exclude<"aria-colspan", "mode" | "variant" | keyof T> | Exclude<"aria-controls", "mode" | "variant" | keyof T> | Exclude<"aria-current", "mode" | "variant" | keyof T> | Exclude<"aria-describedby", "mode" | "variant" | keyof T> | Exclude<"aria-details", "mode" | "variant" | keyof T> | Exclude<"aria-disabled", "mode" | "variant" | keyof T> | Exclude<"aria-dropeffect", "mode" | "variant" | keyof T> | Exclude<"aria-errormessage", "mode" | "variant" | keyof T> | Exclude<"aria-expanded", "mode" | "variant" | keyof T> | Exclude<"aria-flowto", "mode" | "variant" | keyof T> | Exclude<"aria-grabbed", "mode" | "variant" | keyof T> | Exclude<"aria-haspopup", "mode" | "variant" | keyof T> | Exclude<"aria-hidden", "mode" | "variant" | keyof T> | Exclude<"aria-invalid", "mode" | "variant" | keyof T> | Exclude<"aria-keyshortcuts", "mode" | "variant" | keyof T> | Exclude<"aria-label", "mode" | "variant" | keyof T> | Exclude<"aria-labelledby", "mode" | "variant" | keyof T> | Exclude<"aria-level", "mode" | "variant" | keyof T> | Exclude<"aria-live", "mode" | "variant" | keyof T> | Exclude<"aria-modal", "mode" | "variant" | keyof T> | Exclude<"aria-multiline", "mode" | "variant" | keyof T> | Exclude<"aria-multiselectable", "mode" | "variant" | keyof T> | Exclude<"aria-orientation", "mode" | "variant" | keyof T> | Exclude<"aria-owns", "mode" | "variant" | keyof T> | Exclude<"aria-placeholder", "mode" | "variant" | keyof T> | Exclude<"aria-posinset", "mode" | "variant" | keyof T> | Exclude<"aria-pressed", "mode" | "variant" | keyof T> | Exclude<"aria-readonly", "mode" | "variant" | keyof T> | Exclude<"aria-relevant", "mode" | "variant" | keyof T> | Exclude<"aria-required", "mode" | "variant" | keyof T> | Exclude<"aria-roledescription", "mode" | "variant" | keyof T> | Exclude<"aria-rowcount", "mode" | "variant" | keyof T> | Exclude<"aria-rowindex", "mode" | "variant" | keyof T> | Exclude<"aria-rowspan", "mode" | "variant" | keyof T> | Exclude<"aria-selected", "mode" | "variant" | keyof T> | Exclude<"aria-setsize", "mode" | "variant" | keyof T> | Exclude<"aria-sort", "mode" | "variant" | keyof T> | Exclude<"aria-valuemax", "mode" | "variant" | keyof T> | Exclude<"aria-valuemin", "mode" | "variant" | keyof T> | Exclude<"aria-valuenow", "mode" | "variant" | keyof T> | Exclude<"aria-valuetext", "mode" | "variant" | keyof T> | Exclude<"dangerouslySetInnerHTML", "mode" | "variant" | keyof T> | Exclude<"onCopy", "mode" | "variant" | keyof T> | Exclude<"onCopyCapture", "mode" | "variant" | keyof T> | Exclude<"onCut", "mode" | "variant" | keyof T> | Exclude<"onCutCapture", "mode" | "variant" | keyof T> | Exclude<"onPaste", "mode" | "variant" | keyof T> | Exclude<"onPasteCapture", "mode" | "variant" | keyof T> | Exclude<"onCompositionEnd", "mode" | "variant" | keyof T> | Exclude<"onCompositionEndCapture", "mode" | "variant" | keyof T> | Exclude<"onCompositionStart", "mode" | "variant" | keyof T> | Exclude<"onCompositionStartCapture", "mode" | "variant" | keyof T> | Exclude<"onCompositionUpdate", "mode" | "variant" | keyof T> | Exclude<"onCompositionUpdateCapture", "mode" | "variant" | keyof T> | Exclude<"onFocus", "mode" | "variant" | keyof T> | Exclude<"onFocusCapture", "mode" | "variant" | keyof T> | Exclude<"onBlur", "mode" | "variant" | keyof T> | Exclude<"onBlurCapture", "mode" | "variant" | keyof T> | Exclude<"onChange", "mode" | "variant" | keyof T> | Exclude<"onChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onBeforeInput", "mode" | "variant" | keyof T> | Exclude<"onBeforeInputCapture", "mode" | "variant" | keyof T> | Exclude<"onInput", "mode" | "variant" | keyof T> | Exclude<"onInputCapture", "mode" | "variant" | keyof T> | Exclude<"onReset", "mode" | "variant" | keyof T> | Exclude<"onResetCapture", "mode" | "variant" | keyof T> | Exclude<"onSubmit", "mode" | "variant" | keyof T> | Exclude<"onSubmitCapture", "mode" | "variant" | keyof T> | Exclude<"onInvalid", "mode" | "variant" | keyof T> | Exclude<"onInvalidCapture", "mode" | "variant" | keyof T> | Exclude<"onLoad", "mode" | "variant" | keyof T> | Exclude<"onLoadCapture", "mode" | "variant" | keyof T> | Exclude<"onError", "mode" | "variant" | keyof T> | Exclude<"onErrorCapture", "mode" | "variant" | keyof T> | Exclude<"onKeyDown", "mode" | "variant" | keyof T> | Exclude<"onKeyDownCapture", "mode" | "variant" | keyof T> | Exclude<"onKeyPress", "mode" | "variant" | keyof T> | Exclude<"onKeyPressCapture", "mode" | "variant" | keyof T> | Exclude<"onKeyUp", "mode" | "variant" | keyof T> | Exclude<"onKeyUpCapture", "mode" | "variant" | keyof T> | Exclude<"onAbort", "mode" | "variant" | keyof T> | Exclude<"onAbortCapture", "mode" | "variant" | keyof T> | Exclude<"onCanPlay", "mode" | "variant" | keyof T> | Exclude<"onCanPlayCapture", "mode" | "variant" | keyof T> | Exclude<"onCanPlayThrough", "mode" | "variant" | keyof T> | Exclude<"onCanPlayThroughCapture", "mode" | "variant" | keyof T> | Exclude<"onDurationChange", "mode" | "variant" | keyof T> | Exclude<"onDurationChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onEmptied", "mode" | "variant" | keyof T> | Exclude<"onEmptiedCapture", "mode" | "variant" | keyof T> | Exclude<"onEncrypted", "mode" | "variant" | keyof T> | Exclude<"onEncryptedCapture", "mode" | "variant" | keyof T> | Exclude<"onEnded", "mode" | "variant" | keyof T> | Exclude<"onEndedCapture", "mode" | "variant" | keyof T> | Exclude<"onLoadedData", "mode" | "variant" | keyof T> | Exclude<"onLoadedDataCapture", "mode" | "variant" | keyof T> | Exclude<"onLoadedMetadata", "mode" | "variant" | keyof T> | Exclude<"onLoadedMetadataCapture", "mode" | "variant" | keyof T> | Exclude<"onLoadStart", "mode" | "variant" | keyof T> | Exclude<"onLoadStartCapture", "mode" | "variant" | keyof T> | Exclude<"onPause", "mode" | "variant" | keyof T> | Exclude<"onPauseCapture", "mode" | "variant" | keyof T> | Exclude<"onPlay", "mode" | "variant" | keyof T> | Exclude<"onPlayCapture", "mode" | "variant" | keyof T> | Exclude<"onPlaying", "mode" | "variant" | keyof T> | Exclude<"onPlayingCapture", "mode" | "variant" | keyof T> | Exclude<"onProgress", "mode" | "variant" | keyof T> | Exclude<"onProgressCapture", "mode" | "variant" | keyof T> | Exclude<"onRateChange", "mode" | "variant" | keyof T> | Exclude<"onRateChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onSeeked", "mode" | "variant" | keyof T> | Exclude<"onSeekedCapture", "mode" | "variant" | keyof T> | Exclude<"onSeeking", "mode" | "variant" | keyof T> | Exclude<"onSeekingCapture", "mode" | "variant" | keyof T> | Exclude<"onStalled", "mode" | "variant" | keyof T> | Exclude<"onStalledCapture", "mode" | "variant" | keyof T> | Exclude<"onSuspend", "mode" | "variant" | keyof T> | Exclude<"onSuspendCapture", "mode" | "variant" | keyof T> | Exclude<"onTimeUpdate", "mode" | "variant" | keyof T> | Exclude<"onTimeUpdateCapture", "mode" | "variant" | keyof T> | Exclude<"onVolumeChange", "mode" | "variant" | keyof T> | Exclude<"onVolumeChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onWaiting", "mode" | "variant" | keyof T> | Exclude<"onWaitingCapture", "mode" | "variant" | keyof T> | Exclude<"onAuxClick", "mode" | "variant" | keyof T> | Exclude<"onAuxClickCapture", "mode" | "variant" | keyof T> | Exclude<"onClick", "mode" | "variant" | keyof T> | Exclude<"onClickCapture", "mode" | "variant" | keyof T> | Exclude<"onContextMenu", "mode" | "variant" | keyof T> | Exclude<"onContextMenuCapture", "mode" | "variant" | keyof T> | Exclude<"onDoubleClick", "mode" | "variant" | keyof T> | Exclude<"onDoubleClickCapture", "mode" | "variant" | keyof T> | Exclude<"onDrag", "mode" | "variant" | keyof T> | Exclude<"onDragCapture", "mode" | "variant" | keyof T> | Exclude<"onDragEnd", "mode" | "variant" | keyof T> | Exclude<"onDragEndCapture", "mode" | "variant" | keyof T> | Exclude<"onDragEnter", "mode" | "variant" | keyof T> | Exclude<"onDragEnterCapture", "mode" | "variant" | keyof T> | Exclude<"onDragExit", "mode" | "variant" | keyof T> | Exclude<"onDragExitCapture", "mode" | "variant" | keyof T> | Exclude<"onDragLeave", "mode" | "variant" | keyof T> | Exclude<"onDragLeaveCapture", "mode" | "variant" | keyof T> | Exclude<"onDragOver", "mode" | "variant" | keyof T> | Exclude<"onDragOverCapture", "mode" | "variant" | keyof T> | Exclude<"onDragStart", "mode" | "variant" | keyof T> | Exclude<"onDragStartCapture", "mode" | "variant" | keyof T> | Exclude<"onDrop", "mode" | "variant" | keyof T> | Exclude<"onDropCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseDown", "mode" | "variant" | keyof T> | Exclude<"onMouseDownCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseEnter", "mode" | "variant" | keyof T> | Exclude<"onMouseLeave", "mode" | "variant" | keyof T> | Exclude<"onMouseMove", "mode" | "variant" | keyof T> | Exclude<"onMouseMoveCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseOut", "mode" | "variant" | keyof T> | Exclude<"onMouseOutCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseOver", "mode" | "variant" | keyof T> | Exclude<"onMouseOverCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseUp", "mode" | "variant" | keyof T> | Exclude<"onMouseUpCapture", "mode" | "variant" | keyof T> | Exclude<"onSelect", "mode" | "variant" | keyof T> | Exclude<"onSelectCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchCancel", "mode" | "variant" | keyof T> | Exclude<"onTouchCancelCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchEnd", "mode" | "variant" | keyof T> | Exclude<"onTouchEndCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchMove", "mode" | "variant" | keyof T> | Exclude<"onTouchMoveCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchStart", "mode" | "variant" | keyof T> | Exclude<"onTouchStartCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerDown", "mode" | "variant" | keyof T> | Exclude<"onPointerDownCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerMove", "mode" | "variant" | keyof T> | Exclude<"onPointerMoveCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerUp", "mode" | "variant" | keyof T> | Exclude<"onPointerUpCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerCancel", "mode" | "variant" | keyof T> | Exclude<"onPointerCancelCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerEnter", "mode" | "variant" | keyof T> | Exclude<"onPointerEnterCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerLeave", "mode" | "variant" | keyof T> | Exclude<"onPointerLeaveCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerOver", "mode" | "variant" | keyof T> | Exclude<"onPointerOverCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerOut", "mode" | "variant" | keyof T> | Exclude<"onPointerOutCapture", "mode" | "variant" | keyof T> | Exclude<"onGotPointerCapture", "mode" | "variant" | keyof T> | Exclude<"onGotPointerCaptureCapture", "mode" | "variant" | keyof T> | Exclude<"onLostPointerCapture", "mode" | "variant" | keyof T> | Exclude<"onLostPointerCaptureCapture", "mode" | "variant" | keyof T> | Exclude<"onScroll", "mode" | "variant" | keyof T> | Exclude<"onScrollCapture", "mode" | "variant" | keyof T> | Exclude<"onWheel", "mode" | "variant" | keyof T> | Exclude<"onWheelCapture", "mode" | "variant" | keyof T> | Exclude<"onAnimationStart", "mode" | "variant" | keyof T> | Exclude<"onAnimationStartCapture", "mode" | "variant" | keyof T> | Exclude<"onAnimationEnd", "mode" | "variant" | keyof T> | Exclude<"onAnimationEndCapture", "mode" | "variant" | keyof T> | Exclude<"onAnimationIteration", "mode" | "variant" | keyof T> | Exclude<"onAnimationIterationCapture", "mode" | "variant" | keyof T> | Exclude<"onTransitionEnd", "mode" | "variant" | keyof T> | Exclude<"onTransitionEndCapture", "mode" | "variant" | keyof T> | Exclude<"defaultChecked", "mode" | "variant" | keyof T> | Exclude<"defaultValue", "mode" | "variant" | keyof T> | Exclude<"suppressContentEditableWarning", "mode" | "variant" | keyof T> | Exclude<"suppressHydrationWarning", "mode" | "variant" | keyof T> | Exclude<"accessKey", "mode" | "variant" | keyof T> | Exclude<"contentEditable", "mode" | "variant" | keyof T> | Exclude<"contextMenu", "mode" | "variant" | keyof T> | Exclude<"dir", "mode" | "variant" | keyof T> | Exclude<"draggable", "mode" | "variant" | keyof T> | Exclude<"placeholder", "mode" | "variant" | keyof T> | Exclude<"spellCheck", "mode" | "variant" | keyof T> | Exclude<"radioGroup", "mode" | "variant" | keyof T> | Exclude<"about", "mode" | "variant" | keyof T> | Exclude<"datatype", "mode" | "variant" | keyof T> | Exclude<"inlist", "mode" | "variant" | keyof T> | Exclude<"resource", "mode" | "variant" | keyof T> | Exclude<"typeof", "mode" | "variant" | keyof T> | Exclude<"vocab", "mode" | "variant" | keyof T> | Exclude<"autoCapitalize", "mode" | "variant" | keyof T> | Exclude<"autoCorrect", "mode" | "variant" | keyof T> | Exclude<"autoSave", "mode" | "variant" | keyof T> | Exclude<"itemProp", "mode" | "variant" | keyof T> | Exclude<"itemScope", "mode" | "variant" | keyof T> | Exclude<"itemType", "mode" | "variant" | keyof T> | Exclude<"itemID", "mode" | "variant" | keyof T> | Exclude<"itemRef", "mode" | "variant" | keyof T> | Exclude<"results", "mode" | "variant" | keyof T> | Exclude<"security", "mode" | "variant" | keyof T> | Exclude<"unselectable", "mode" | "variant" | keyof T> | Exclude<"inputMode", "mode" | "variant" | keyof T> | Exclude<"is", "mode" | "variant" | keyof T>;
21
21
  };
@@ -1,3 +1,6 @@
1
1
  export declare const createScale: <T extends string | number>() => readonly T[] & {
2
2
  length: 0;
3
3
  };
4
+ export declare const numericScale: (number & {})[];
5
+ export declare const stringScale: (string & {})[];
6
+ export declare const numericOrStringScale: ((number & {}) | (string & {}))[];
@@ -1,6 +1,6 @@
1
1
  import { Theme } from '@emotion/react';
2
2
  import { CompatTheme } from '../compatTheme';
3
- import { CSSPropertyTypes, DefaultCSSPropertyValue, PropertyTypes } from './properties';
3
+ import { DefaultCSSPropertyValue, PropertyTypes } from './properties';
4
4
  import { AbstractProps, ResponsiveProp, ThemeProps } from './props';
5
5
  import { ArrayScale, MapScale } from './scales';
6
6
  import { CSSObject } from './shared';
@@ -45,6 +45,6 @@ export declare type CSSPropMap<Props, System> = {
45
45
  [K in keyof Props]?: CSSProps<Props[K], System>;
46
46
  };
47
47
  export declare type CSSProps<Props, System> = {
48
- [K in keyof Props]?: K extends keyof System ? System[K] : K extends keyof CSSPropertyTypes ? CSSPropertyTypes[K] : Omit<CSSPropertyTypes, keyof System> & Omit<System, 'theme'>;
48
+ [K in keyof Props]?: K extends keyof System ? System[K] : K extends keyof PropertyTypes ? PropertyTypes[K] : Omit<PropertyTypes, keyof System> & Omit<System, 'theme'>;
49
49
  };
50
50
  export {};
@@ -1,13 +1,14 @@
1
- import { Globals, StandardProperties, VendorProperties } from 'csstype';
1
+ import { Globals, StandardProperties, SvgProperties, VendorProperties } from 'csstype';
2
2
  import { CSSObject, NarrowPrimitive } from './shared';
3
- declare type ColorProperties = 'color' | `${string}Color`;
3
+ declare type AnimusCSSProperties<Overrides = DefaultCSSPropertyValue> = StandardProperties<Overrides> & VendorProperties<Overrides> & Omit<SvgProperties<Overrides>, keyof StandardProperties>;
4
+ declare type ColorProperties = 'color' | `${string}Color` | 'fill' | 'stroke';
4
5
  declare type ColorGlobals = {
5
- [K in Extract<keyof StandardProperties, ColorProperties>]?: Globals | 'currentColor' | 'transparent' | NarrowPrimitive<string>;
6
+ [K in Extract<keyof AnimusCSSProperties, ColorProperties>]?: Globals | 'currentColor' | 'transparent' | NarrowPrimitive<string>;
6
7
  };
7
8
  declare type SizeProperties = 'left' | 'right' | 'top' | 'bottom' | 'inset' | 'width' | 'height' | `${string}${'Width' | 'Height'}`;
8
9
  declare type SizeValues = `${number}${'px' | 'rem' | 'vh' | 'vw' | 'vmax' | 'vmin' | '%'}` | `calc(${any})`;
9
10
  declare type SizeGlobals = {
10
- [K in Extract<keyof StandardProperties, SizeProperties>]?: StandardProperties[K] | SizeValues | NarrowPrimitive<number>;
11
+ [K in Extract<keyof AnimusCSSProperties, SizeProperties>]?: AnimusCSSProperties[K] | SizeValues | NarrowPrimitive<number>;
11
12
  };
12
13
  /** This is a placeholder type for CSS properties that may not have any specific global values (outlineOffset).
13
14
  * (string & {}) will allow strings but not generalize the union type to just a string if other string literals exist in the union.
@@ -15,12 +16,8 @@ declare type SizeGlobals = {
15
16
  * This ensures that autosuggestions will still work for literal types but still allow any string for certain properties.
16
17
  */
17
18
  export declare type DefaultCSSPropertyValue = (string & {}) | 0;
18
- export interface PropertyTypes<Overrides = DefaultCSSPropertyValue> extends Omit<StandardProperties<Overrides>, keyof ColorGlobals | keyof SizeGlobals>, ColorGlobals, SizeGlobals {
19
+ export interface PropertyTypes<Overrides = DefaultCSSPropertyValue> extends Omit<AnimusCSSProperties<Overrides>, keyof ColorGlobals | keyof SizeGlobals>, ColorGlobals, SizeGlobals {
19
20
  none?: never;
20
21
  variables?: CSSObject;
21
22
  }
22
- export interface VendorPropertyTypes<Overrides = DefaultCSSPropertyValue> extends VendorProperties<Overrides> {
23
- }
24
- export interface CSSPropertyTypes<Overrides = DefaultCSSPropertyValue> extends PropertyTypes<Overrides>, VendorPropertyTypes<Overrides> {
25
- }
26
23
  export {};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@animus-ui/core",
3
3
  "description": "Constraint based CSS in JS Foundations",
4
- "version": "0.1.1-104f7aa3.0+104f7aa",
4
+ "version": "0.1.1-284c9841.4+284c984",
5
5
  "keywords": [
6
6
  "emotion",
7
7
  "css",
@@ -36,5 +36,5 @@
36
36
  "dependencies": {
37
37
  "csstype": "^3.0.7"
38
38
  },
39
- "gitHead": "104f7aa390791f9430310d273986549364d7c10f"
39
+ "gitHead": "284c98417b1d7e0233bf85a0d61cff5790b3b8f1"
40
40
  }