baseui 0.0.0-next-e23ee12 → 0.0.0-next-430cab5

package/block/types.d.ts

@@ -1,4 +1,5 @@
 import type { ElementType, ReactNode } from 'react';
+import type { StyleObject } from 'styletron-standard';
 import type { Override } from '../helpers/overrides';
 import * as React from 'react';
 export declare type BlockOverrides = {
@@ -199,12 +200,20 @@ export declare type StyledBlockProps = {
     $textOverflow?: Responsive<string>;
     $whiteSpace?: Responsive<WhiteSpace>;
 };
+declare type BaseProps<P extends {}> = P & {
+    $style?: StyleObject | ((props: P) => StyleObject);
+    className?: string;
+};
+declare type AddStyletronRef<P extends {
+    ref: any;
+}> = P extends {
+    ref: infer R;
+} ? P & {
+    $ref?: R;
+} : P;
+declare type OverrideProps<D extends React.ElementType, P extends {}> = BaseProps<P> & Omit<AddStyletronRef<React.ComponentProps<D>>, keyof BaseProps<P>>;
 export interface BlockComponentType<D extends React.ElementType> {
-    <C extends React.ElementType = D>(props: BlockProps<C> & (React.ComponentProps<C> extends {
-        ref?: infer R;
-    } ? {
-        ref?: R;
-    } : {}) & Omit<StyledBlockProps & React.ComponentProps<C>, keyof BlockProps>): JSX.Element;
+    <C extends React.ElementType = D>(props: OverrideProps<C, BlockProps<C>>): JSX.Element;
     displayName?: string;
 }
 export {};

package/modal/types.d.ts

@@ -14,12 +14,12 @@ export declare type ModalOverrides = {
 };
 export declare type ModalProps = {
     /** Sets whether the Modal should be displayed by easing in and out */
-    animate: boolean;
+    animate?: boolean;
     /** If true, focus will shift to the first interactive element within the modal.
      * If false, the modal container itself will receive focus.
      * Moving focus into a newly opened modal is important for accessibility purposes, so please be careful!
      */
-    autoFocus: boolean;
+    autoFocus?: boolean;
     /** If true, focus will be locked to elements within the modal.
      */
     focusLock?: boolean;
@@ -36,8 +36,8 @@ export declare type ModalProps = {
     /** Whether the modal should be closeable by the user
      *  (either via escape, dialog container click, etc). You can set this to
      * false if your modal has an action that the user must take before closing.*/
-    closeable: boolean;
-    isOpen: boolean;
+    closeable?: boolean;
+    isOpen?: boolean;
     /** Where to mount the modal */
     mountNode?: HTMLElement;
     /** A callback that is invoked when the modal will close.
@@ -45,12 +45,12 @@ export declare type ModalProps = {
     onClose?: (a: {
         closeSource?: CloseSource;
     }) => unknown;
-    overrides: ModalOverrides;
+    overrides?: ModalOverrides;
     /** Which accessibility role this modal should have. */
-    role: RoleProp;
+    role?: RoleProp;
     /** Controls the size of the modal (primarily width).
      * Can be a SIZE constant or css width property value. */
-    size: SizeProp;
+    size?: SizeProp;
 };
 export declare type ModalPropsWithoutChildren = Omit<ModalProps, 'children'>;
 export declare type ModalState = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseui",
-  "version": "0.0.0-next-e23ee12",
+  "version": "0.0.0-next-430cab5",
   "description": "A React Component library implementing the Base design language",
   "keywords": [
     "react",
@@ -161,7 +161,6 @@
     "moment": "^2.24.0",
     "next": "^10.0.0",
     "next-images": "^1.6.2",
-    "next-transpile-modules": "^6.0.0",
     "node-fetch": "^2.6.1",
     "now": "16.5.2",
     "npm-run-all": "^4.1.5",