+
{null}
{false}
{true}
{undefined}
{5}
-);
+)
const BuiltinStyledWithFragment: JSX.Element = (
- {}}>
+ {}}>
- {}}>
+ {}}>
-);
+)
const cssProps = {
- ":active": {
- color: "purple"
+ ':active': {
+ color: 'purple',
},
-};
+}
const BuiltinStyledWithCSSPseudoProps = (
-);
+)
const nestedCssProps = [
- { color: 'red', },
- () => ({ fontSize: 123 }),
- () => () => () => [{ border: '1px solid black'}],
-];
+ {color: 'red'},
+ () => ({fontSize: 123}),
+ () => () => () => [{border: '1px solid black'}],
+]
const NestedStyleFunctions = (
diff --git a/typings/css-properties.d.ts b/typings/css-properties.d.ts
index 02a5d27f..aca59231 100644
--- a/typings/css-properties.d.ts
+++ b/typings/css-properties.d.ts
@@ -893,6 +893,11 @@ export interface CSSPropertiesCompleteSingle {
| 800
| 900
+ /**
+ * Shorthand property that sets the grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, and grid-auto-flow.
+ */
+ grid?: CSSWideKeyword | string
+
/**
* Lays out one or more grid items bound by 4 grid lines. Shorthand for setting grid-column-start, grid-column-end, grid-row-start, and grid-row-end in a single declaration.
*/
@@ -931,6 +936,11 @@ export interface CSSPropertiesCompleteSingle {
gridRowSpan?: CSSWideKeyword | number
+ /**
+ * Shorthand property that sets the grid-template-rows, grid-template-columns, and grid-template-areas.
+ */
+ gridTemplate?: CSSWideKeyword | string
+
/**
* Specifies named grid areas which are not associated with any particular grid item, but can be referenced from the grid-placement properties. The syntax of the grid-template-areas property also provides a visualization of the structure of the grid, making the overall layout of the grid container easier to understand.
*/
