baseui 11.0.2 → 11.1.1

package/card/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
-import {Override} from '../overrides';
+import { StyletronComponent } from 'styletron-react';
+import { Override } from '../overrides';
 
 export interface CardOverrides {
   Action?: Override<any>;
@@ -14,20 +14,22 @@ export interface CardOverrides {
 export interface CardProps {
   readonly action?: React.ReactNode;
   readonly children?: React.ReactNode;
-  readonly hasThumbnail?: (props: {readonly thumbnail?: string}) => boolean;
-  readonly headerImage?: string | React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+  readonly hasThumbnail?: (props: { readonly thumbnail?: string }) => boolean;
+  readonly headerImage?:
+    | string
+    | React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
   readonly overrides?: CardOverrides;
   readonly thumbnail?: string;
   readonly title?: React.ReactNode;
 }
-export const Card: React.FC<CardProps>;
-export type hasThumbnail = (props: {readonly thumbnail?: string}) => boolean;
+export declare const Card: React.FC<CardProps>;
+export type hasThumbnail = (props: { readonly thumbnail?: string }) => boolean;
 
-export const StyledAction: StyletronComponent<any>;
-export const StyledBody: StyletronComponent<any>;
-export const StyledContents: StyletronComponent<any>;
-export const StyledHeaderImage: StyletronComponent<any>;
-export const StyledThumbnail: StyletronComponent<any>;
-export const StyledTitle: StyletronComponent<any>;
-export const StyledRoot: StyletronComponent<any>;
-export const StyledWrapper: StyletronComponent<any>;
+export declare const StyledAction: StyletronComponent<any>;
+export declare const StyledBody: StyletronComponent<any>;
+export declare const StyledContents: StyletronComponent<any>;
+export declare const StyledHeaderImage: StyletronComponent<any>;
+export declare const StyledThumbnail: StyletronComponent<any>;
+export declare const StyledTitle: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any>;
+export declare const StyledWrapper: StyletronComponent<any>;

package/checkbox/index.d.ts

@@ -2,34 +2,34 @@ import * as React from 'react';
 import { StyletronComponent } from 'styletron-react';
 import { Override } from '../overrides';
 
-export interface STATE_TYPE {
+export declare const STATE_TYPE: {
   change: 'CHANGE';
-}
-export interface STYLE_TYPE {
+};
+export declare const STYLE_TYPE: {
   default: 'default';
   toggle: 'toggle';
   toggle_round: 'toggle';
-}
+};
 
-export interface LABEL_PLACEMENT {
+export declare const LABEL_PLACEMENT: {
   top: 'top';
   right: 'right';
   bottom: 'bottom';
   left: 'left';
-}
+};
 
 type initialState = {
   checked?: boolean;
   isIndeterminate?: boolean;
 };
 
-export const StyledRoot: StyletronComponent<any>;
-export const StyledCheckmark: StyletronComponent<any>;
-export const StyledLabel: StyletronComponent<any>;
-export const StyledInput: StyletronComponent<any>;
-export const StyledToggle: StyletronComponent<any>;
-export const StyledToggleInner: StyletronComponent<any>;
-export const StyledToggleTrack: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any>;
+export declare const StyledCheckmark: StyletronComponent<any>;
+export declare const StyledLabel: StyletronComponent<any>;
+export declare const StyledInput: StyletronComponent<any>;
+export declare const StyledToggle: StyletronComponent<any>;
+export declare const StyledToggleInner: StyletronComponent<any>;
+export declare const StyledToggleTrack: StyletronComponent<any>;
 
 export type StateReducer = (
   stateType: string,
@@ -51,7 +51,7 @@ export interface StatefulContainerProps {
   autoFocus?: boolean;
 }
 
-export const StatefulContainer: React.FC<StatefulContainerProps>;
+export declare const StatefulContainer: React.FC<StatefulContainerProps>;
 
 export interface StatefulCheckboxProps {
   overrides?: CheckboxOverrides;
@@ -64,7 +64,7 @@ export interface StatefulCheckboxProps {
   children?: React.ReactNode;
   initialState?: initialState;
   autoFocus?: boolean;
-  checkmarkType?: STYLE_TYPE[keyof STYLE_TYPE];
+  checkmarkType?: typeof STYLE_TYPE[keyof typeof STYLE_TYPE];
   onChange?: React.FormEventHandler<HTMLInputElement>;
   onMouseEnter?: React.MouseEventHandler<HTMLInputElement>;
   onMouseLeave?: React.MouseEventHandler<HTMLInputElement>;
@@ -72,7 +72,7 @@ export interface StatefulCheckboxProps {
   onBlur?: React.FocusEventHandler<HTMLInputElement>;
 }
 
-export const StatefulCheckbox: React.FC<StatefulCheckboxProps>;
+export declare const StatefulCheckbox: React.FC<StatefulCheckboxProps>;
 
 export interface CheckboxOverrides {
   Checkmark?: Override<any>;
@@ -101,7 +101,7 @@ export interface CheckboxProps {
   value?: string;
   isIndeterminate?: boolean;
   labelPlacement?: 'top' | 'right' | 'bottom' | 'left';
-  checkmarkType?: STYLE_TYPE[keyof STYLE_TYPE];
+  checkmarkType?: typeof STYLE_TYPE[keyof typeof STYLE_TYPE];
   title?: string;
   ariaLabel?: string;
   'aria-label'?: string;
@@ -128,7 +128,3 @@ export class Checkbox extends React.Component<CheckboxProps, CheckboxState> {
   onFocus(event: React.FocusEvent<HTMLInputElement>): void;
   onBlur(event: React.FocusEvent<HTMLInputElement>): void;
 }
-
-export const STATE_TYPE: STATE_TYPE;
-export const STYLE_TYPE: STYLE_TYPE;
-export const LABEL_PLACEMENT: LABEL_PLACEMENT;

package/combobox/index.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import {Override} from '../overrides';
+import { Override } from '../overrides';
 
-export interface SIZE {
+export declare const SIZE: {
   compact: 'compact';
   default: 'default';
   large: 'large';
   mini: 'mini';
-}
+};
 
 export interface ComboboxOverrides {
   Root?: Override<any>;
@@ -20,10 +20,7 @@ export interface ComboboxOverrides {
 export type PropsT<OptionT = any> = {
   autocomplete?: boolean;
   disabled?: boolean;
-  mapOptionToNode?: (option: {
-    isSelected: boolean;
-    option: OptionT;
-  }) => React.ReactNode;
+  mapOptionToNode?: (option: { isSelected: boolean; option: OptionT }) => React.ReactNode;
   mapOptionToString: (option: OptionT) => string;
   id?: string;
   name?: string;
@@ -31,12 +28,11 @@ export type PropsT<OptionT = any> = {
   onBlur?: (event: React.FocusEvent<HTMLInputElement>) => any;
   onChange?: (value: string, option: OptionT | null) => any;
   onFocus?: (event: React.FocusEvent<HTMLInputElement>) => any;
-  onSubmit?: (params: {closeListbox: () => void; value: string}) => any;
+  onSubmit?: (params: { closeListbox: () => void; value: string }) => any;
   options: OptionT[];
   overrides?: ComboboxOverrides;
-  size?: SIZE[keyof SIZE];
+  size?: typeof SIZE[keyof typeof SIZE];
   value: string;
 };
 
-export const Combobox: React.FC<PropsT>;
-export const SIZE: SIZE;
+export declare const Combobox: React.FC<PropsT>;

package/data-table/index.d.ts

@@ -10,7 +10,7 @@ export function CustomColumn<ValueT, FilterParamsT>(options: any): any;
 export function NumericalColumn(options: any): any;
 export function StringColumn(options: any): any;
 
-export interface COLUMNS {
+export declare const COLUMNS: {
   ANCHOR: 'ANCHOR';
   CATEGORICAL: 'CATEGORICAL';
   DATETIME: 'DATETIME';
@@ -18,23 +18,20 @@ export interface COLUMNS {
   BOOLEAN: 'BOOLEAN';
   STRING: 'STRING';
   CUSTOM: 'CUSTOM';
-}
-export const COLUMNS: COLUMNS;
+};
 
-export interface NUMERICAL_FORMATS {
+export declare const NUMERICAL_FORMATS: {
   DEFAULT: 'DEFAULT';
   ACCOUNTING: 'ACCOUNTING';
   PERCENTAGE: 'PERCENTAGE';
-}
-export const NUMERICAL_FORMATS: NUMERICAL_FORMATS;
+};
 
-export interface SORT_DIRECTIONS {
+export declare const SORT_DIRECTIONS: {
   ASC: 'ASC';
   DESC: 'DESC';
-}
-export const SORT_DIRECTIONS: SORT_DIRECTIONS;
+};
 
-export type SortDirectionsT = SORT_DIRECTIONS['ASC'] | SORT_DIRECTIONS['DESC'] | null;
+export type SortDirectionsT = typeof SORT_DIRECTIONS[keyof typeof SORT_DIRECTIONS] | null;
 export type ColumnT = any;
 export type RowT = {
   id: number | string;

package/datepicker/index.d.ts

@@ -1,12 +1,9 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
-import {Option} from '../select';
-import {SIZE} from '../input';
-import {Override} from '../overrides';
-import {Locale} from '../locale';
-import {any} from 'prop-types';
+import { Option } from '../select';
+import { SIZE } from '../input';
+import { Override } from '../overrides';
 
-export interface STATE_CHANGE_TYPE {
+export declare const STATE_CHANGE_TYPE: {
   change: 'change';
   moveUp: 'moveUp';
   moveDown: 'moveDown';
@@ -14,18 +11,18 @@ export interface STATE_CHANGE_TYPE {
   moveRight: 'moveRight';
   mouseOver: 'mouseOver';
   mouseLeave: 'mouseLeave';
-}
+};
 
-export interface ORIENTATION {
+export declare const ORIENTATION: {
   horizontal: 'horizontal';
   vertical: 'vertical';
-}
+};
 
-export type onChange = (args: {date: Date | Date[]}) => any;
+export type onChange = (args: { date: Date | Date[] }) => any;
 export type StateReducer = (
-  stateType: STATE_CHANGE_TYPE[keyof STATE_CHANGE_TYPE],
+  stateType: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE],
   nextState: ContainerState,
-  currentState: ContainerState,
+  currentState: ContainerState
 ) => ContainerState;
 
 export interface ContainerState {
@@ -42,10 +39,10 @@ export class StatefulContainer extends React.Component<
   StatefulContainerProps<CalendarProps | DatepickerProps>,
   ContainerState
 > {
-  onChange(data: {date: Date | Date[]}): void;
+  onChange(data: { date: Date | Date[] }): void;
   internalSetState(
-    type: STATE_CHANGE_TYPE[keyof STATE_CHANGE_TYPE],
-    changes: ContainerState,
+    type: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE],
+    changes: ContainerState
   ): void;
 }
 
@@ -70,14 +67,14 @@ export interface CalendarProps {
   maxDate?: Date;
   minDate?: Date;
   monthsShown?: number;
-  onDayClick?: (args: {date: Date; event: Event}) => any;
-  onDayMouseOver?: (args: {date: Date; event: Event}) => any;
-  onDayMouseLeave?: (args: {date: Date; event: Event}) => any;
-  onMonthChange?: (args: {date: Date}) => any;
-  onYearChange?: (args: {date: Date}) => any;
+  onDayClick?: (args: { date: Date; event: Event }) => any;
+  onDayMouseOver?: (args: { date: Date; event: Event }) => any;
+  onDayMouseLeave?: (args: { date: Date; event: Event }) => any;
+  onMonthChange?: (args: { date: Date }) => any;
+  onYearChange?: (args: { date: Date }) => any;
   onChange?: onChange;
   onQuickSelectChange?: (option?: QuickSelectOption) => any;
-  orientation?: ORIENTATION[keyof ORIENTATION];
+  orientation?: typeof ORIENTATION[keyof typeof ORIENTATION];
   overrides?: DatepickerOverrides<SharedStylePropsT>;
   peekNextMonth?: boolean;
   timeSelectStart?: boolean;
@@ -97,28 +94,25 @@ export class Calendar extends React.Component<CalendarProps, CalendarState> {
   getDateInView(): Date;
   handleMonthChange(date: Date): void;
   handleYearChange(date: Date): void;
-  changeMonth({date}: {date: Date}): void;
-  changeYear({date}: {date: Date}): void;
+  changeMonth({ date }: { date: Date }): void;
+  changeYear({ date }: { date: Date }): void;
   renderCalendarHeader(date: Date, order: number): React.ReactNode;
   onKeyDown(event: KeyboardEvent): void;
   handleArrowKey(key: string): void;
   focusCalendar(): void;
   blurCalendar(): void;
   handleTabbing(event: KeyboardEvent): void;
-  onDayMouseOver(data: {event: Event; date: Date}): void;
-  onDayMouseLeave(data: {event: Event; date: Date}): void;
-  handleDateChange(data: {date: Date | Date[]}): void;
+  onDayMouseOver(data: { event: Event; date: Date }): void;
+  onDayMouseLeave(data: { event: Event; date: Date }): void;
+  handleDateChange(data: { date: Date | Date[] }): void;
   handleTimeChange(time: Date, index: number): void;
   setHighlightedDate(date: Date): void;
   renderMonths(): React.ReactNode[];
-  renderTimeSelect(
-    value: Date,
-    onChange: (...args: any) => any,
-  ): React.ReactNode;
+  renderTimeSelect(value: Date, onChange: (...args: any) => any): React.ReactNode;
   renderQuickSelect(): React.ReactNode;
 }
 
-export const StatefulCalendar: React.FC<StatefulDatepickerProps<CalendarProps>>;
+export declare const StatefulCalendar: React.FC<StatefulDatepickerProps<CalendarProps>>;
 
 export interface DatepickerOverrides<T> {
   Root?: Override<T>;
@@ -158,7 +152,7 @@ export type DatepickerProps = CalendarProps & {
   'aria-describedby'?: string;
   disabled?: boolean;
   clearable?: boolean;
-  size?: SIZE[keyof SIZE];
+  size?: typeof SIZE[keyof typeof SIZE];
   error?: boolean;
   positive?: boolean;
   placeholder?: string;
@@ -181,18 +175,12 @@ export interface DatepickerState {
   lastActiveElm?: HTMLElement;
 }
 
-declare function formatDate(
-  date: Date | Date[],
-  formatString: string,
-): string | string[];
+declare function formatDate(date: Date | Date[], formatString: string): string | string[];
 
-export {formatDate};
+export { formatDate };
 
-export class Datepicker extends React.Component<
-  DatepickerProps,
-  DatepickerState
-> {
-  onChange(data: {date: Date | Date[]}): void;
+export class Datepicker extends React.Component<DatepickerProps, DatepickerState> {
+  onChange(data: { date: Date | Date[] }): void;
   formatDate(date: Date | Date[], formatString: string): string | string[];
   formatDisplayValue(date: Date | Date[]): string;
   open(): void;
@@ -202,15 +190,13 @@ export class Datepicker extends React.Component<
   handleKeyDown(event: KeyboardEvent): void;
   focusCalendar(): void;
 }
-export {Datepicker as DatePicker};
+export { Datepicker as DatePicker };
 
 export type StatefulDatepickerProps<T> = T &
-  StatefulContainerProps<T> & {children?: (args: T) => React.ReactNode};
-export const StatefulDatepicker: React.FC<
-  StatefulDatepickerProps<DatepickerProps>
->;
+  StatefulContainerProps<T> & { children?: (args: T) => React.ReactNode };
+export declare const StatefulDatepicker: React.FC<StatefulDatepickerProps<DatepickerProps>>;
 
-export {StatefulDatepicker as StatefulDatePicker};
+export { StatefulDatepicker as StatefulDatePicker };
 
 export interface TimezonePickerProps {
   date?: Date;
@@ -218,30 +204,23 @@ export interface TimezonePickerProps {
   positive?: boolean;
   error?: boolean;
   mapLabels?: (args: Option) => React.ReactNode;
-  onChange?: (value: {id: string; label: string; offset: number}) => any;
-  overrides?: {Select?: Override<any>};
+  onChange?: (value: { id: string; label: string; offset: number }) => any;
+  overrides?: { Select?: Override<any> };
   value?: string;
 }
 export interface TimezonePickerState {
   timezones: Option[];
   value?: string;
 }
-export class TimezonePicker extends React.Component<
-  TimezonePickerProps,
-  TimezonePickerState
-> {
+export class TimezonePicker extends React.Component<TimezonePickerProps, TimezonePickerState> {
   buildTimezones(compareDate: Date): string[];
 }
 
-export const DISPLAY_FORMAT: 'L';
-export const ISO_FORMAT: 'YYYY-MM-DD';
-export const ISO_MONTH_FORMAT: 'YYYY-MM';
-
-export const STATE_CHANGE_TYPE: STATE_CHANGE_TYPE;
-
-export const ORIENTATION: ORIENTATION;
+export declare const DISPLAY_FORMAT: 'L';
+export declare const ISO_FORMAT: 'YYYY-MM-DD';
+export declare const ISO_MONTH_FORMAT: 'YYYY-MM';
 
-export const WEEKDAYS: [0, 1, 2, 3, 4, 5, 6];
+export declare const WEEKDAYS: [0, 1, 2, 3, 4, 5, 6];
 
 export type SharedStylePropsT = {
   $date: Date;

package/datepicker/types.js.flow

@@ -241,7 +241,7 @@ export type DatepickerPropsT<T = Date> = {
   /** Where to mount the popover */
   mountNode?: HTMLElement,
   /** When single picker, fn is always called. When range picker, fn is called when start and end date are selected. */
-  onChange?: ({ +date: ?T | Array<T> }) => mixed,
+  onChange?: ({ date: ?T | Array<T> }) => mixed,
   /** Called when calendar is closed */
   onClose?: () => mixed,
   /** Called when calendar is opened */
@@ -320,7 +320,7 @@ export type StatefulContainerPropsT<PropsT, T = Date> = {
   /** A state change handler. */
   stateReducer: StateReducerT<T>,
   /** When single picker, fn is called when date/time is selected. When range picker, fn is called when both start and end are selected. */
-  onChange?: ({ +date: ?T | Array<T> }) => mixed,
+  onChange?: ({ date: ?T | Array<T> }) => mixed,
   /** When single picker, fn is called when date/time is selected. When range picker, fn is called when either start or end date changes. */
   onRangeChange?: ({ +date: ?T | Array<?T> }) => mixed,
   adapter?: DateIOAdapter<T>,

package/datepicker/utils/date-helpers.js

@@ -93,7 +93,7 @@ var DateHelpers = function DateHelpers(_adapter) {
     var UtilsClass = adapter.constructor;
     var className = adapter.constructor.name; // This ensures that if the adapter class isn't
     // supported it just falls back the default formats
-    // NOTE: in e2e tests puppeteer seems to add
+    // NOTE: in e2e tests playwright seems to add
     // a JSHandle wrapping class to all objects
     // so className always resolves to JSHandle:e
     // and if falls back to the default

package/datepicker/utils/date-helpers.js.flow

@@ -68,7 +68,7 @@ class DateHelpers<T> {
     // This ensures that if the adapter class isn't
     // supported it just falls back the default formats
 
-    // NOTE: in e2e tests puppeteer seems to add
+    // NOTE: in e2e tests playwright seems to add
     // a JSHandle wrapping class to all objects
     // so className always resolves to JSHandle:e
     // and if falls back to the default

package/dnd-list/index.d.ts

@@ -1,21 +1,18 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
-import {Override} from '../overrides';
-import {
-  arrayMove as arrayMoveT,
-  arrayRemove as arrayRemoveT,
-} from 'react-movable';
+import { StyletronComponent } from 'styletron-react';
+import { Override } from '../overrides';
+import { arrayMove as arrayMoveT, arrayRemove as arrayRemoveT } from 'react-movable';
 
 // export {arrayMove, arrayRemove} from 'react-movable';
 
-export interface STATE_CHANGE_TYPE {
+export declare const STATE_CHANGE_TYPE: {
   change: 'change';
-}
+};
 
 export type StateReducer = (
-  stateChangeType: STATE_CHANGE_TYPE[keyof STATE_CHANGE_TYPE],
+  stateChangeType: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE],
   nextState: State,
-  currentState: State,
+  currentState: State
 ) => State;
 
 export interface StatefulListProps {
@@ -23,17 +20,11 @@ export interface StatefulListProps {
   stateReducer?: StateReducer;
   removable?: boolean;
   removableByMove?: boolean;
-  onChange?: (
-    params: {
-      newState: React.ReactNode[];
-      oldIndex: number;
-      newIndex: number;
-    },
-  ) => any;
+  onChange?: (params: { newState: React.ReactNode[]; oldIndex: number; newIndex: number }) => any;
   overrides?: ListOverrides;
 }
 
-export const StatefulList: React.FC<StatefulListProps>;
+export declare const StatefulList: React.FC<StatefulListProps>;
 
 export interface State {
   items: React.ReactNode[];
@@ -43,14 +34,11 @@ export type StatefulComponentContainerProps = StatefulListProps & {
   children: React.ReactNode;
 };
 
-export class StatefulListContainer extends React.Component<
-  StatefulComponentContainerProps,
-  State
-> {
-  onChange({oldIndex, newIndex}: {oldIndex: number; newIndex: number}): void;
+export class StatefulListContainer extends React.Component<StatefulComponentContainerProps, State> {
+  onChange({ oldIndex, newIndex }: { oldIndex: number; newIndex: number }): void;
   internalSetState(
-    type: STATE_CHANGE_TYPE[keyof STATE_CHANGE_TYPE],
-    changes: State,
+    type: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE],
+    changes: State
   ): void;
 }
 
@@ -75,19 +63,18 @@ export interface ListProps {
   removable?: boolean;
   removableByMove?: boolean;
   items?: React.ReactNode[];
-  onChange?: (args: {oldIndex: number; newIndex: number}) => any;
+  onChange?: (args: { oldIndex: number; newIndex: number }) => any;
   overrides?: ListOverrides;
 }
 
 export class List extends React.Component<ListProps> {}
 
-export const StyledRoot: StyletronComponent<any>;
-export const StyledList: StyletronComponent<any>;
-export const StyledItem: StyletronComponent<any>;
-export const StyledDragHandle: StyletronComponent<any>;
-export const StyledCloseHandle: StyletronComponent<any>;
-export const StyledLabel: StyletronComponent<any>;
+export declare const StyledRoot: StyletronComponent<any>;
+export declare const StyledList: StyletronComponent<any>;
+export declare const StyledItem: StyletronComponent<any>;
+export declare const StyledDragHandle: StyletronComponent<any>;
+export declare const StyledCloseHandle: StyletronComponent<any>;
+export declare const StyledLabel: StyletronComponent<any>;
 
-export const STATE_CHANGE_TYPE: STATE_CHANGE_TYPE;
-export const arrayMove: typeof arrayMoveT;
-export const arrayRemove: typeof arrayRemoveT;
+export declare const arrayMove: typeof arrayMoveT;
+export declare const arrayRemove: typeof arrayRemoveT;

package/drawer/index.d.ts

@@ -1,40 +1,40 @@
 import * as React from 'react';
-import {StyletronComponent} from 'styletron-react';
-import {Override} from '../overrides';
+import { StyletronComponent } from 'styletron-react';
+import { Override } from '../overrides';
 
-export interface SIZE {
+export declare const SIZE: {
   default: 'default';
   full: 'full';
   auto: 'auto';
-}
+};
 
-export interface SIZE_DIMENSIONS {
+export declare const SIZE_DIMENSIONS: {
   default: '500px';
   full: '100%';
   auto: 'auto';
-}
+};
 
-export interface ANCHOR {
+export declare const ANCHOR: {
   left: 'left';
   right: 'right';
   top: 'top';
   bottom: 'bottom';
-}
+};
 
-export interface CLOSE_SOURCE {
+export declare const CLOSE_SOURCE: {
   closeButton: 'closeButton';
   backdrop: 'backdrop';
   escape: 'escape';
-}
+};
 
 export interface SharedStylePropsArg {
   children?: React.ReactNode;
   $animating?: boolean;
   $isVisible?: boolean;
   $isOpen?: boolean;
-  $size?: SIZE[keyof SIZE];
+  $size?: typeof SIZE[keyof typeof SIZE];
   $closeable?: boolean;
-  $anchor?: ANCHOR[keyof ANCHOR];
+  $anchor?: typeof ANCHOR[keyof typeof ANCHOR];
 }
 
 export interface DrawerOverrides {
@@ -53,10 +53,10 @@ export interface DrawerProps {
   renderAll?: boolean;
   isOpen?: boolean;
   mountNode?: HTMLElement;
-  onClose?: (args: {closeSource?: CLOSE_SOURCE[keyof CLOSE_SOURCE]}) => any;
+  onClose?: (args: { closeSource?: typeof CLOSE_SOURCE[keyof typeof CLOSE_SOURCE] }) => any;
   overrides?: DrawerOverrides;
-  size?: SIZE[keyof SIZE] | string;
-  anchor?: ANCHOR[keyof ANCHOR] | string;
+  size?: typeof SIZE[keyof typeof SIZE] | string;
+  anchor?: typeof ANCHOR[keyof typeof ANCHOR] | string;
   showBackdrop?: boolean;
   onBackdropClick?: (event: React.MouseEvent<HTMLElement>) => any;
   onEscapeKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => any;
@@ -76,21 +76,16 @@ export class Drawer extends React.Component<DrawerProps, DrawerState> {
   clearTimers(): void;
   didOpen(): void;
   didClose(): void;
-  triggerClose(source: CLOSE_SOURCE[keyof CLOSE_SOURCE]): void;
+  triggerClose(source: typeof CLOSE_SOURCE[keyof typeof CLOSE_SOURCE]): void;
   animateOutComplete(): void;
-  getSharedProps(): SharedStylePropsArg & {children: React.ReactNode};
+  getSharedProps(): SharedStylePropsArg & { children: React.ReactNode };
   getChildren(): React.ReactNode;
   getRef(component: string): React.Ref<any>;
   renderDrawer(): React.ReactNode;
 }
 
-export const StyledRoot: StyletronComponent<any>;
-export const StyledBackdrop: StyletronComponent<any>;
-export const StyledDrawerContainer: StyletronComponent<any>;
-export const StyledDrawerBody: StyletronComponent<any>;
-export const StyledClose: StyletronComponent<any>;
-
-export const SIZE: SIZE;
-export const ANCHOR: ANCHOR;
-export const SIZE_DIMENSIONS: SIZE_DIMENSIONS;
-export const CLOSE_SOURCE: CLOSE_SOURCE;
+export declare const StyledRoot: StyletronComponent<any>;
+export declare const StyledBackdrop: StyletronComponent<any>;
+export declare const StyledDrawerContainer: StyletronComponent<any>;
+export declare const StyledDrawerBody: StyletronComponent<any>;
+export declare const StyledClose: StyletronComponent<any>;