@touchtech/baselayer-ui 5.3.2-alpha.4 → 5.4.0-alpha.0

package/README.md

@@ -1,75 +1,75 @@
-# Baselayer UI - React Component Library
-
-https://baselayer-ui.touchtech.com
-
-## Development
-
-Run `npm install` to install the project dependencies. Since this library is used by multiple Digital Showroom projects it's important that we create
-a global [link](https://docs.npmjs.com/cli/link) so we can use this local copy in the other projects during development. Run `npm link` to do so.
-
-Run `npm start` to open our [Storybook](https://storybook.js.org).
-
-### Testing
-
-We test our components using [Jest](http://jestjs.io) and [React Testing Library](https://github.com/testing-library/react-testing-library). Tests are placed in the `__tests__` directory in the same directory as the component.
-
-```
-src/
-├── Button
-│   ├── Button.js
-│   ├── Button.module.css
-│   ├── Button.stories.js
-│   ├── __tests__
-│   │   └── Button.test.js
-│   └── index.js
-└── index.js
-
-2 directories, 6 files
-```
-
-You can execute `npm run test` or `npm test` as a shorthand to run all tests. Running `npm test` every time you change a file gets old pretty fast. Thankfully we can mitigate that by entering watch mode.
-
-- `npm test -- --watch`
-
-### Linting & Formatting
-
-We lint our code using [ESlint](https://eslint.org). For your convinience there are a few [npm scripts](https://docs.npmjs.com/misc/scripts) available.
-
-- `npm run lint` - Run the linter over the entire codebase and report problems.
-- `npm run lint-fix` - Run the linter over the entire codebase and automatically fix problems.
-
-[ESlint](https://eslint.org) also have editor integrations, see [editors](https://eslint.org/docs/user-guide/integrations#editors) for instructions on how to set up your editor.
-
-We format our code using [Prettier](https://prettier.io). For your convinience there are a few [npm scripts](https://docs.npmjs.com/misc/scripts) available.
-
-- `npm run format` - Run the formatter over the entire codebase and report any formatting issues.
-- `npm run format-fix` - Run the formatter over the entire codebase and automatically format the code.
-
-[Prettier](https://prettier.io) also have editor integrations, see [editors](https://prettier.io/docs/en/editors.html) for instructions on how to setup your editor.
-
-Since linting and formatting is such a common task, you can execute `npm run check` to check for both linting problems and formatting issues simultaneously. Execute `npm run fix` to automatically fix both.
-
-### CSS
-
-Each component can have a related CSS file. The CSS file should end with the extension `.module.css` and is treated as a [CSS Module](https://github.com/css-modules/css-modules). Whenever a `.module.css` file is imported, its definitions
-are only available locally to the component importing it. When referencing class names from a CSS Module use camelCase. E.g., `.button-small` becomes `buttonSmall`.
-
-**Example**
-
-```css
-/* Button.module.css */
-.button-small {
-}
-```
-
-```javascript
-// Button.js
-import React from "react";
-import styles from "./Button.module.css";
-
-function Button({ children }) {
-  return <button className={styles.buttonSmall}>{children}</button>;
-}
-
-export default Button;
-```
+# Baselayer UI - React Component Library
+
+https://baselayer-ui.touchtech.com
+
+## Development
+
+Run `npm install` to install the project dependencies. Since this library is used by multiple Digital Showroom projects it's important that we create
+a global [link](https://docs.npmjs.com/cli/link) so we can use this local copy in the other projects during development. Run `npm link` to do so.
+
+Run `npm start` to open our [Storybook](https://storybook.js.org).
+
+### Testing
+
+We test our components using [Jest](http://jestjs.io) and [React Testing Library](https://github.com/testing-library/react-testing-library). Tests are placed in the `__tests__` directory in the same directory as the component.
+
+```
+src/
+├── Button
+│   ├── Button.js
+│   ├── Button.module.css
+│   ├── Button.stories.js
+│   ├── __tests__
+│   │   └── Button.test.js
+│   └── index.js
+└── index.js
+
+2 directories, 6 files
+```
+
+You can execute `npm run test` or `npm test` as a shorthand to run all tests. Running `npm test` every time you change a file gets old pretty fast. Thankfully we can mitigate that by entering watch mode.
+
+- `npm test -- --watch`
+
+### Linting & Formatting
+
+We lint our code using [ESlint](https://eslint.org). For your convinience there are a few [npm scripts](https://docs.npmjs.com/misc/scripts) available.
+
+- `npm run lint` - Run the linter over the entire codebase and report problems.
+- `npm run lint-fix` - Run the linter over the entire codebase and automatically fix problems.
+
+[ESlint](https://eslint.org) also have editor integrations, see [editors](https://eslint.org/docs/user-guide/integrations#editors) for instructions on how to set up your editor.
+
+We format our code using [Prettier](https://prettier.io). For your convinience there are a few [npm scripts](https://docs.npmjs.com/misc/scripts) available.
+
+- `npm run format` - Run the formatter over the entire codebase and report any formatting issues.
+- `npm run format-fix` - Run the formatter over the entire codebase and automatically format the code.
+
+[Prettier](https://prettier.io) also have editor integrations, see [editors](https://prettier.io/docs/en/editors.html) for instructions on how to setup your editor.
+
+Since linting and formatting is such a common task, you can execute `npm run check` to check for both linting problems and formatting issues simultaneously. Execute `npm run fix` to automatically fix both.
+
+### CSS
+
+Each component can have a related CSS file. The CSS file should end with the extension `.module.css` and is treated as a [CSS Module](https://github.com/css-modules/css-modules). Whenever a `.module.css` file is imported, its definitions
+are only available locally to the component importing it. When referencing class names from a CSS Module use camelCase. E.g., `.button-small` becomes `buttonSmall`.
+
+**Example**
+
+```css
+/* Button.module.css */
+.button-small {
+}
+```
+
+```javascript
+// Button.js
+import React from "react";
+import styles from "./Button.module.css";
+
+function Button({ children }) {
+  return <button className={styles.buttonSmall}>{children}</button>;
+}
+
+export default Button;
+```

package/dist/components/Button/Button.d.ts

@@ -1,25 +1,24 @@
-import React, { ReactNode, RefObject } from "react";
-import { Size } from "../../types";
-declare type ButtonProps = {
-    children: ReactNode;
-    className?: string;
-    containerRef?: RefObject<HTMLButtonElement>;
-    disabled?: boolean;
-    inverted?: boolean;
-    rounded?: boolean;
-    noShadow?: boolean;
-    noPadding?: boolean;
-    noBorder?: boolean;
-    transparent?: boolean;
-    stretchHorizontally?: boolean;
-    stretchVertically?: boolean;
-    autoFocus?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    onPointerDown?: (event: React.PointerEvent<HTMLButtonElement>) => void;
-    size?: Size;
-    type?: "submit" | "reset" | "button";
-    align?: "left" | "center";
-    offsetSides?: Array<"left" | "right">;
-};
-declare function Button({ children, className, onClick, onPointerDown, containerRef, disabled, inverted, rounded, noShadow, noPadding, noBorder, transparent, stretchHorizontally, stretchVertically, autoFocus, offsetSides, align, size, type, }: ButtonProps): JSX.Element;
-export default Button;
+import { ReactNode, RefObject, SyntheticEvent } from "react";
+import { Size } from "../../types";
+declare type ButtonProps = {
+    children: ReactNode;
+    className?: string;
+    containerRef?: RefObject<HTMLButtonElement>;
+    disabled?: boolean;
+    inverted?: boolean;
+    rounded?: boolean;
+    noShadow?: boolean;
+    noPadding?: boolean;
+    noBorder?: boolean;
+    transparent?: boolean;
+    stretchHorizontally?: boolean;
+    stretchVertically?: boolean;
+    autoFocus?: boolean;
+    onClick?: (event?: SyntheticEvent<HTMLButtonElement>) => void;
+    size?: Size;
+    type?: "submit" | "reset" | "button";
+    align?: "left" | "center";
+    offsetSides?: Array<"left" | "right">;
+};
+declare function Button({ children, className, onClick, containerRef, disabled, inverted, rounded, noShadow, noPadding, noBorder, transparent, stretchHorizontally, stretchVertically, autoFocus, offsetSides, align, size, type, }: ButtonProps): JSX.Element;
+export default Button;

package/dist/components/Button/__tests__/Button.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/Button/index.d.ts

@@ -1 +1 @@
-export { default as Button } from "./Button";
+export { default as Button } from "./Button";

package/dist/components/ButtonBadge/ButtonBadge.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from "react";
-declare type ButtonBadgeProps = {
-    children: ReactNode;
-    className?: string;
-};
-declare function ButtonBadge({ children, className }: ButtonBadgeProps): JSX.Element;
-export default ButtonBadge;
+import { ReactNode } from "react";
+declare type ButtonBadgeProps = {
+    children: ReactNode;
+    className?: string;
+};
+declare function ButtonBadge({ children, className }: ButtonBadgeProps): JSX.Element;
+export default ButtonBadge;

package/dist/components/ButtonBadge/__tests__/ButtonBadge.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/ButtonBadge/index.d.ts

@@ -1 +1 @@
-export { default as ButtonBadge } from "./ButtonBadge";
+export { default as ButtonBadge } from "./ButtonBadge";

package/dist/components/ButtonLink/ButtonLink.d.ts

@@ -1,23 +1,23 @@
-import { ReactNode, ElementType, RefObject } from "react";
-import { Size } from "../../types";
-declare type OffsetSide = "left" | "right";
-declare type ButtonLinkProps = {
-    as?: ElementType;
-    children: ReactNode;
-    className?: string;
-    containerRef?: RefObject<HTMLElement>;
-    inverted?: boolean;
-    rounded?: boolean;
-    transparent?: boolean;
-    noShadow?: boolean;
-    noPadding?: boolean;
-    noBorder?: boolean;
-    stretchHorizontally?: boolean;
-    stretchVertically?: boolean;
-    size?: Size;
-    disabled?: boolean;
-    offsetSides?: Array<OffsetSide>;
-    align?: "left" | "center";
-} | any;
-declare function ButtonLink({ as: Component, children, className, size, containerRef, inverted, rounded, transparent, noShadow, noPadding, noBorder, stretchHorizontally, stretchVertically, disabled, offsetSides, align, ...props }: ButtonLinkProps): JSX.Element;
-export default ButtonLink;
+import { ReactNode, ElementType, RefObject } from "react";
+import { Size } from "../../types";
+declare type OffsetSide = "left" | "right";
+declare type ButtonLinkProps = {
+    as?: ElementType;
+    children: ReactNode;
+    className?: string;
+    containerRef?: RefObject<HTMLElement>;
+    inverted?: boolean;
+    rounded?: boolean;
+    transparent?: boolean;
+    noShadow?: boolean;
+    noPadding?: boolean;
+    noBorder?: boolean;
+    stretchHorizontally?: boolean;
+    stretchVertically?: boolean;
+    size?: Size;
+    disabled?: boolean;
+    offsetSides?: Array<OffsetSide>;
+    align?: "left" | "center";
+} | any;
+declare function ButtonLink({ as: Component, children, className, size, containerRef, inverted, rounded, transparent, noShadow, noPadding, noBorder, stretchHorizontally, stretchVertically, disabled, offsetSides, align, ...props }: ButtonLinkProps): JSX.Element;
+export default ButtonLink;

package/dist/components/ButtonLink/__tests__/ButtonLink.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/ButtonLink/index.d.ts

@@ -1 +1 @@
-export { default as ButtonLink } from "./ButtonLink";
+export { default as ButtonLink } from "./ButtonLink";

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { Size } from "../../types";
-declare type CheckboxProps = {
-    label?: string;
-    onChange: (value: boolean) => void;
-    placeholder?: string;
-    checked?: boolean;
-    disabled?: boolean;
-    name?: string;
-    size?: Size;
-    autoFocus?: boolean;
-    indeterminate?: boolean;
-    className?: string;
-};
-declare function Checkbox({ label, onChange, placeholder, checked, disabled, name, className, indeterminate, size, autoFocus, }: CheckboxProps): JSX.Element;
-export default Checkbox;
+/// <reference types="react" />
+import { Size } from "../../types";
+declare type CheckboxProps = {
+    label?: string;
+    onChange: (value: boolean) => void;
+    placeholder?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    size?: Size;
+    autoFocus?: boolean;
+    indeterminate?: boolean;
+    className?: string;
+};
+declare function Checkbox({ label, onChange, placeholder, checked, disabled, name, className, indeterminate, size, autoFocus, }: CheckboxProps): JSX.Element;
+export default Checkbox;

package/dist/components/Checkbox/__tests__/Checkbox.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/Checkbox/index.d.ts

@@ -1 +1 @@
-export { default as Checkbox } from "./Checkbox";
+export { default as Checkbox } from "./Checkbox";

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -1,12 +1,12 @@
-import { RefObject } from "react";
-import { Color } from "../../types";
-declare type ColorPickerProps = {
-    colors: Color[];
-    containerRef?: RefObject<HTMLDivElement>;
-    direction?: "horizontal" | "vertical";
-    onSelect: (color: Color) => void;
-    selectedColor?: Color;
-    canToggle?: boolean;
-};
-declare function ColorPicker({ colors, containerRef, onSelect, selectedColor, direction, canToggle, }: ColorPickerProps): JSX.Element;
-export default ColorPicker;
+import { RefObject } from "react";
+import { Color } from "../../types";
+declare type ColorPickerProps = {
+    colors: Color[];
+    containerRef?: RefObject<HTMLDivElement>;
+    direction?: "horizontal" | "vertical";
+    onSelect: (color: Color) => void;
+    selectedColor?: Color;
+    canToggle?: boolean;
+};
+declare function ColorPicker({ colors, containerRef, onSelect, selectedColor, direction, canToggle, }: ColorPickerProps): JSX.Element;
+export default ColorPicker;

package/dist/components/ColorPicker/__tests__/ColorPicker.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/ColorPicker/index.d.ts

@@ -1 +1 @@
-export { default as ColorPicker } from "./ColorPicker";
+export { default as ColorPicker } from "./ColorPicker";

package/dist/components/ColorSwatch/ColorSwatch.d.ts

@@ -1,11 +1,11 @@
-import { RefObject } from "react";
-import { Color, Size } from "../../types";
-declare type ColorSwatchProps = {
-    color: Color;
-    containerRef?: RefObject<HTMLButtonElement>;
-    isSelected?: boolean;
-    size?: Size;
-    onClick?: () => void;
-};
-declare function ColorSwatch({ color, containerRef, isSelected, size, onClick, }: ColorSwatchProps): JSX.Element;
-export default ColorSwatch;
+import { RefObject } from "react";
+import { Color, Size } from "../../types";
+declare type ColorSwatchProps = {
+    color: Color;
+    containerRef?: RefObject<HTMLButtonElement>;
+    isSelected?: boolean;
+    size?: Size;
+    onClick?: () => void;
+};
+declare function ColorSwatch({ color, containerRef, isSelected, size, onClick, }: ColorSwatchProps): JSX.Element;
+export default ColorSwatch;

package/dist/components/ColorSwatch/__tests__/ColorSwatch.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/ColorSwatch/index.d.ts

@@ -1 +1 @@
-export { default as ColorSwatch } from "./ColorSwatch";
+export { default as ColorSwatch } from "./ColorSwatch";

package/dist/components/ConfirmationModal/ConfirmationModal.d.ts

@@ -1,19 +1,19 @@
-import { ReactElement, ReactNode, RefObject } from "react";
-declare type ConfirmationModalProps = {
-    buttonsLeft?: ReactElement[];
-    buttonsRight?: ReactElement[];
-    children?: ReactNode;
-    containerRef?: RefObject<HTMLDivElement>;
-    header?: string;
-    isOpen: boolean;
-    noPadding?: boolean;
-    noOverlay?: boolean;
-    noShadow?: boolean;
-    onClose?: () => void;
-    baseZIndex?: number;
-};
-declare function ConfirmationModal({ children, containerRef, header, isOpen, buttonsLeft, buttonsRight, onClose, noPadding, noOverlay, noShadow, baseZIndex, }: ConfirmationModalProps): JSX.Element;
-declare namespace ConfirmationModal {
-    var displayName: string;
-}
-export default ConfirmationModal;
+import { ReactElement, ReactNode, RefObject } from "react";
+declare type ConfirmationModalProps = {
+    buttonsLeft?: ReactElement[];
+    buttonsRight?: ReactElement[];
+    children?: ReactNode;
+    containerRef?: RefObject<HTMLDivElement>;
+    header: string;
+    isOpen: boolean;
+    noPadding?: boolean;
+    noOverlay?: boolean;
+    noShadow?: boolean;
+    onClose?: () => void;
+    baseZIndex?: number;
+};
+declare function ConfirmationModal({ children, containerRef, header, isOpen, buttonsLeft, buttonsRight, onClose, noPadding, noOverlay, noShadow, baseZIndex, }: ConfirmationModalProps): JSX.Element;
+declare namespace ConfirmationModal {
+    var displayName: string;
+}
+export default ConfirmationModal;

package/dist/components/ConfirmationModal/__tests__/ConfirmationModal.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/ConfirmationModal/index.d.ts

@@ -1 +1 @@
-export { default as ConfirmationModal } from "./ConfirmationModal";
+export { default as ConfirmationModal } from "./ConfirmationModal";

package/dist/components/Dropdown/Clickable.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { Item, RenderDisplayProps } from "./Dropdown";
-export declare type ClickableProps<T extends Item> = Omit<RenderDisplayProps<T>, "selectedItem" | "toggleIsOpen"> & {
-    onClick: RenderDisplayProps<T>["toggleIsOpen"];
-};
-export declare function Clickable<T extends Item>({ display, isDisabled, onClick: handleClick, }: ClickableProps<T>): JSX.Element;
+/// <reference types="react" />
+import { Item, RenderDisplayProps } from "./Dropdown";
+export declare type ClickableProps<T extends Item> = Omit<RenderDisplayProps<T>, "toggleIsOpen"> & {
+    onClick: () => void;
+};
+export declare function Clickable<T extends Item>({ display, isDisabled, onClick: handleClick, selectedItem, }: ClickableProps<T>): JSX.Element;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,23 +1,24 @@
-import { ReactChild, ReactElement } from "react";
-export declare type Item = {
-    id: number | string;
-    name: string;
-};
-export declare type RenderDisplayProps<T extends Item> = Pick<DropdownProps<T>, "display" | "selectedItem"> & {
-    isDisabled: boolean;
-    toggleIsOpen: () => void;
-};
-export declare type RenderClickableFn<T extends Item> = (props: RenderDisplayProps<T>) => ReactElement;
-export declare type ItemBodyRendererFn<T extends Item> = (state: {
-    item: T;
-    isSelected: boolean;
-}) => ReactChild;
-export interface DropdownProps<T extends Item> {
-    itemBodyRenderer?: ItemBodyRendererFn<T>;
-    items: T[];
-    onSelect: (item: T) => void;
-    display: ReactChild;
-    renderClickable?: RenderClickableFn<T>;
-    selectedItem: T | null;
-}
-export declare function Dropdown<T extends Item>({ itemBodyRenderer, items, onSelect: handleSelect, display, renderClickable, selectedItem, }: DropdownProps<T>): JSX.Element;
+import { ReactChild, ReactElement } from "react";
+export declare type Item = {
+    id: number | string;
+    name: string;
+};
+export declare type RenderDisplayProps<T extends Item> = Pick<DropdownProps<T>, "display" | "selectedItem"> & {
+    isDisabled: boolean;
+    toggleIsOpen: () => void;
+};
+export declare type RenderClickableFn<T extends Item> = (props: RenderDisplayProps<T>) => ReactElement;
+export declare type ItemBodyRendererFn<T extends Item> = (state: {
+    item: T;
+    isSelected: boolean;
+}) => ReactChild;
+export interface DropdownProps<T extends Item> {
+    itemBodyRenderer?: ItemBodyRendererFn<T>;
+    items: T[];
+    onSelect: (item: T) => void;
+    display: ReactChild;
+    renderClickable?: RenderClickableFn<T>;
+    selectedItem: T | null;
+}
+export declare function Dropdown<T extends Item>({ itemBodyRenderer, items, onSelect: handleSelect, display, renderClickable, selectedItem, }: DropdownProps<T>): JSX.Element;
+export default Dropdown;

package/dist/components/Dropdown/Dropdown.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/Dropdown/index.d.ts

@@ -1,2 +1,2 @@
-export { Dropdown, DropdownProps, Item as DropdownItem, ItemBodyRendererFn as DropdownItemBodyRendererFn, RenderClickableFn as DropdownRenderClickableFn, RenderDisplayProps as DropdownRenderDisplayProps, } from "./Dropdown";
-export { Clickable as DropdownClickable, ClickableProps as DropdownClickableProps } from "./Clickable";
+export { Dropdown, DropdownProps, Item as DropdownItem, ItemBodyRendererFn as DropdownItemBodyRendererFn, RenderClickableFn as DropdownRenderClickableFn, RenderDisplayProps as DropdownRenderDisplayProps, } from "./Dropdown";
+export { Clickable as DropdownClickable, ClickableProps as DropdownClickableProps } from "./Clickable";

package/dist/components/EditableText/EditableText.d.ts

@@ -0,0 +1,11 @@
+import React, { ElementType, FocusEvent } from "react";
+declare type Props = {
+    as?: ElementType;
+    onBlur(updatedText: string): void;
+    onClick?(event: FocusEvent<HTMLElement>): void;
+    text: string;
+    className?: string;
+    canEdit: boolean;
+};
+declare const EditableText: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
+export default EditableText;

package/dist/components/{Numpad/Numpad.test.d.ts → EditableText/__tests__/EditableText.test.d.ts}

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/EditableText/index.d.ts

@@ -0,0 +1 @@
+export { default as EditableText } from "./EditableText";

package/dist/components/FileInput/FileInput.d.ts

@@ -1,22 +1,22 @@
-import React, { ChangeEvent } from "react";
-import { Size } from "../../types";
-export declare type FileInputSize = Size;
-declare type Props = {
-    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
-    children: React.ReactNode;
-    accept?: string;
-    multiple?: boolean;
-    disabled?: boolean;
-    inputRef?: React.RefObject<HTMLInputElement>;
-    inverted?: boolean;
-    noShadow?: boolean;
-    noBorder?: boolean;
-    noPadding?: boolean;
-    transparent?: boolean;
-    stretchHorizontally?: boolean;
-    stretchVertically?: boolean;
-    rounded?: boolean;
-    size?: FileInputSize;
-};
-declare function FileInput({ children, accept, onChange, inputRef, multiple, disabled, inverted, noShadow, noBorder, noPadding, transparent, stretchHorizontally, stretchVertically, rounded, size, }: Props): JSX.Element;
-export default FileInput;
+import React, { ChangeEvent } from "react";
+import { Size } from "../../types";
+export declare type FileInputSize = Size;
+declare type Props = {
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    children: React.ReactNode;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    inverted?: boolean;
+    noShadow?: boolean;
+    noBorder?: boolean;
+    noPadding?: boolean;
+    transparent?: boolean;
+    stretchHorizontally?: boolean;
+    stretchVertically?: boolean;
+    rounded?: boolean;
+    size?: FileInputSize;
+};
+declare function FileInput({ children, accept, onChange, inputRef, multiple, disabled, inverted, noShadow, noBorder, noPadding, transparent, stretchHorizontally, stretchVertically, rounded, size, }: Props): JSX.Element;
+export default FileInput;

package/dist/components/FileInput/__tests__/FileInput.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/FileInput/index.d.ts

@@ -1,2 +1,2 @@
-export { default as FileInput } from "./FileInput";
-export { FileInputSize } from "./FileInput";
+export { default as FileInput } from "./FileInput";
+export { FileInputSize } from "./FileInput";

package/dist/components/FloatingPanel/FloatingPanel.d.ts

@@ -1,14 +1,14 @@
-import { ReactNode, RefObject } from "react";
-declare type Placement = {
-    horizontal: "right" | "rightEdge" | "rightOnEdge" | "left" | "leftEdge" | "leftOnEdge" | "leftOnEdge" | "center";
-    vertical: "top" | "topEdge" | "topOnEdge" | "bottom" | "bottomEdge" | "bottomOnEdge" | "center";
-    parent: "viewport" | "container";
-};
-declare type FloatingPanelProps = {
-    children: ReactNode;
-    containerRef?: RefObject<HTMLDivElement>;
-    layout?: "column" | "row";
-    placement?: Placement;
-};
-declare function FloatingPanel({ children, containerRef, layout, placement, }: FloatingPanelProps): JSX.Element;
-export default FloatingPanel;
+import { ReactNode, RefObject } from "react";
+declare type Placement = {
+    horizontal: "right" | "rightEdge" | "rightOnEdge" | "left" | "leftEdge" | "leftOnEdge" | "leftOnEdge" | "center";
+    vertical: "top" | "topEdge" | "topOnEdge" | "bottom" | "bottomEdge" | "bottomOnEdge" | "center";
+    parent: "viewport" | "container";
+};
+declare type FloatingPanelProps = {
+    children: ReactNode;
+    containerRef?: RefObject<HTMLDivElement>;
+    layout?: "column" | "row";
+    placement?: Placement;
+};
+declare function FloatingPanel({ children, containerRef, layout, placement, }: FloatingPanelProps): JSX.Element;
+export default FloatingPanel;

package/dist/components/FloatingPanel/__tests__/FloatingPanel.test.d.ts

@@ -1 +1 @@
-export {};
+export {};