@cloudflare/style-container 8.0.6 → 8.0.7

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 8.0.7
+
+### Patch Changes
+
+- 92aa24bd89: Accept React 18 and 19 in the peer ranges of smoke-tested components and styling packages. Keep React keys out of Grid and FormGrid styling props, and emit declarations compatible with React 19 types.
+
 ## 8.0.6
 
 ### Patch Changes

package/dist/isValidElementProp.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 /// <reference types="lodash" />
+import type { ElementTag } from './types';
 export declare const ariaAttributes: string[];
-export declare const isValidElementProp: ((tag: keyof JSX.IntrinsicElements, attr: string) => boolean) & import("lodash").MemoizedFunction;
-export declare const filterValidElementProps: <T extends object>(tag: keyof JSX.IntrinsicElements, props: T) => Partial<T>;
+export declare const isValidElementProp: ((tag: ElementTag, attr: string) => boolean) & import("lodash").MemoizedFunction;
+export declare const filterValidElementProps: <T extends object>(tag: ElementTag, props: T) => Partial<T>;
 export default isValidElementProp;

package/dist/types.d.ts

@@ -1,10 +1,10 @@
-import { ComponentType, CSSProperties, DetailedHTMLProps, Ref, HTMLAttributes, ComponentClass, ForwardRefExoticComponent, PropsWithoutRef } from 'react';
+import { ComponentType, ElementType as ReactElementType, ComponentProps, CSSProperties, DetailedHTMLProps, Ref, HTMLAttributes, ComponentClass, ForwardRefExoticComponent, PropsWithoutRef } from 'react';
 import { TMultiRuleObject, TMultiRule } from 'fela-tools';
 import { variables } from '@cloudflare/style-const';
 import type { IRenderer, IStyle } from 'fela';
 import { FelaWithThemeProps } from 'react-fela';
 export { ThemeProvider } from 'react-fela';
-export declare type ElementTag = keyof JSX.IntrinsicElements;
+export declare type ElementTag = Extract<ReactElementType, string>;
 export declare type BaseType = ElementTag | ComponentType<any>;
 export declare type KeyList<T> = Extract<keyof T, string>[];
 export declare type PassthroughProps<P> = KeyList<P> | ((props: P) => KeyList<P>);
@@ -69,20 +69,17 @@ export declare type RefType<Base extends BaseType> = Base extends ElementTag ? E
     ref?: Ref<infer ForwardedRef>;
 }> ? ForwardedRef : never;
 /**
- * Type helper for inferring props. Cannot use ComponentProps from
- * React here because we lose {children?: ReactNode} when it infers
- * props using JSXElementConstructor. Additionally, we want to make
- * sure we don't include 'ref' as a prop which can be found on
- * components created with forwardRef and props for elements on
- * JSX.IntrinsicElements
+ * Infer custom component props directly because ComponentProps can lose
+ * {children?: ReactNode} via JSXElementConstructor. Intrinsic tags use
+ * React's own ComponentProps mapping. Omit 'ref' from either case.
  */
-export declare type InferProps<Base extends BaseType> = PropsWithoutRef<Base extends ElementTag ? JSX.IntrinsicElements[Base] : Base extends ComponentType<infer Props> ? Props : never>;
+export declare type InferProps<Base extends BaseType> = PropsWithoutRef<Base extends ElementTag ? ComponentProps<Base> : Base extends ComponentType<infer Props> ? Props : never>;
 export declare type TStandardTheme = typeof variables;
 /**
  * Type helper for inferring an HTMLElement type based on the element
  * tag type passed in.
  */
-export declare type ElementType<Element extends ElementTag> = JSX.IntrinsicElements[Element] extends DetailedHTMLProps<HTMLAttributes<infer E>, any> ? E : never;
+export declare type ElementType<Element extends ElementTag> = ComponentProps<Element> extends DetailedHTMLProps<HTMLAttributes<infer E>, any> ? E : never;
 export declare type TStaticRule = (attr: {
     theme: TStandardTheme;
 }) => string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudflare/style-container",
   "description": "Cloudflare Style Container",
-  "version": "8.0.6",
+  "version": "8.0.7",
   "main": "lib/index.js",
   "module": "es/index.js",
   "author": "Vojtech Miksu <vojtech@cloudflare.com>",
@@ -23,7 +23,7 @@
   },
   "peerDependencies": {
     "@cloudflare/style-const": "^6.0.0",
-    "react": "^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0"
+    "react": "^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0"
   },
   "stratus": {
     "srcDirectory": "./src",