@touchtech/baselayer-ui 8.3.26 → 8.3.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/ConfirmationModal/ConfirmationModal.d.ts +3 -1
  2. package/dist/components/Modal/Modal.d.ts +3 -1
  3. package/dist/components/Modal/Modal.stories.d.ts +1 -0
  4. package/dist/components/TextInput/TextInput.d.ts +2 -2
  5. package/dist/index.js +2 -2
  6. package/dist/styles.css +19 -1
  7. package/package.json +1 -1
package/dist/components/ConfirmationModal/ConfirmationModal.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import { ReactElement, ReactNode, RefObject } from "react";
2
2
  type ConfirmationModalProps = {
3
3
  className?: string;
4
+ modalClassName?: string;
5
+ flexCenter?: boolean;
4
6
  buttonsLeft?: ReactElement[];
5
7
  buttonsRight?: ReactElement[];
6
8
  children?: ReactNode;
@@ -13,7 +15,7 @@ type ConfirmationModalProps = {
13
15
  onClose?: () => void;
14
16
  baseZIndex?: number;
15
17
  };
16
- declare function ConfirmationModal({ className, children, containerRef, header, isOpen, buttonsLeft, buttonsRight, onClose, noPadding, noOverlay, noShadow, baseZIndex, }: ConfirmationModalProps): JSX.Element;
18
+ declare function ConfirmationModal({ className, children, containerRef, header, isOpen, buttonsLeft, buttonsRight, onClose, noPadding, noOverlay, noShadow, baseZIndex, modalClassName, flexCenter, }: ConfirmationModalProps): JSX.Element;
17
19
  declare namespace ConfirmationModal {
18
20
  var displayName: string;
19
21
  }
package/dist/components/Modal/Modal.d.ts CHANGED
@@ -3,6 +3,8 @@ type ModalProps = {
3
3
  children: ReactNode;
4
4
  containerRef?: RefObject<HTMLDivElement>;
5
5
  isOpen: boolean;
6
+ modalClassName?: string;
7
+ flexCenter?: boolean;
6
8
  onClose?: () => void;
7
9
  button?: ReactNode;
8
10
  transparent?: boolean;
@@ -10,5 +12,5 @@ type ModalProps = {
10
12
  noOverlay?: boolean;
11
13
  baseZIndex?: number;
12
14
  };
13
- declare function Modal({ children, containerRef, isOpen, button, transparent, noShadow, noOverlay, onClose, baseZIndex, }: ModalProps): JSX.Element;
15
+ declare function Modal({ children, containerRef, isOpen, button, transparent, noShadow, noOverlay, onClose, baseZIndex, modalClassName, flexCenter, }: ModalProps): JSX.Element;
14
16
  export default Modal;
package/dist/components/Modal/Modal.stories.d.ts CHANGED
@@ -7,5 +7,6 @@ export function Default(): JSX.Element;
7
7
  export function Transparent(): JSX.Element;
8
8
  export function NoShadow(): JSX.Element;
9
9
  export function NoOverlay(): JSX.Element;
10
+ export function FlexCenter(): JSX.Element;
10
11
  export function WithButton(): JSX.Element;
11
12
  import Modal from "./Modal";
package/dist/components/TextInput/TextInput.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { Size, TextInputMode, TextInputType } from "../../types";
3
- type TextInputProps = {
3
+ type TextInputProps = Omit<React.HTMLProps<HTMLInputElement>, "size" | "onChange" | "onBlur" | "onKeyDown"> & {
4
4
  label?: string;
5
5
  onChange?: (value: string) => void;
6
6
  onBlur?: () => void;
@@ -16,5 +16,5 @@ type TextInputProps = {
16
16
  inputRef?: React.RefObject<HTMLInputElement>;
17
17
  inputMode?: TextInputMode;
18
18
  };
19
- declare function TextInput({ label, onChange, onBlur, onKeyDown, placeholder, value, name, pattern, inputRef, size, type, autoFocus, noBorder, inputMode, }: TextInputProps): JSX.Element;
19
+ declare function TextInput({ label, onChange, onBlur, onKeyDown, placeholder, value, name, pattern, inputRef, size, type, autoFocus, noBorder, inputMode, ...otherProps }: TextInputProps): JSX.Element;
20
20
  export default TextInput;