gantri-components 2.14.0 → 2.15.0

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 (6) hide show
  1. package/dist/components/modal/modal.styles.d.ts +12 -12
  2. package/dist/components/modal/modal.types.d.ts +7 -0
  3. package/dist/index.cjs.js +1 -1
  4. package/dist/index.esm.js +1 -1
  5. package/dist/index.umd.js +1 -1
  6. package/package.json +1 -1
package/dist/components/modal/modal.styles.d.ts CHANGED
@@ -1,25 +1,25 @@
1
1
  /// <reference types="react" />
2
2
  import { ModalProps } from './modal.types';
3
- export declare const StyledModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalProps & {
4
- $noTopSpacing?: boolean | undefined;
3
+ export declare const StyledModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalProps & {
4
+ isFullScreen?: boolean | undefined;
5
+ noTopSpacing?: boolean | undefined;
6
+ } & {
7
+ $height?: 0 | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<string & {}> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"-moz-initial"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"inherit"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"initial"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"revert"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"unset"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"auto"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<0> | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "fit-content" | "max-content" | "min-content" | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"-moz-max-content"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"-moz-min-content"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"-webkit-fit-content"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"fit-content"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"max-content"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"min-content"> | undefined;
8
+ $width?: 0 | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<string & {}> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"-moz-initial"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"inherit"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"initial"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"revert"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"unset"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"auto"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<0> | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "fit-content" | "max-content" | "min-content" | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"-moz-max-content"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"-moz-min-content"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"-webkit-fit-content"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"fit-content"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"max-content"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"min-content"> | "-moz-fit-content" | "-webkit-max-content" | "intrinsic" | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"-moz-fit-content"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"-webkit-max-content"> | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"intrinsic"> | "min-intrinsic" | import("../../types/resolution-aware-prop.type").ResolutionAwarePropBase<"min-intrinsic"> | undefined;
5
9
  }, never>;
6
- export declare const StyledModalContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
7
- $noTopSpacing?: boolean | undefined;
8
- hasDetailsPanel?: boolean | undefined;
10
+ export declare const StyledModalContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../stack/stack.types").StackProps & import("react").RefAttributes<import("../stack/stack.types").StackProps>>, import("styled-components").DefaultTheme, {
11
+ isFullScreen?: boolean | undefined;
12
+ noTopSpacing?: boolean | undefined;
9
13
  }, never>;
10
- export declare const StyledDetailsPanelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
11
- $mdHidden?: boolean | undefined;
14
+ export declare const StyledDetailsPanelContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>>, import("styled-components").DefaultTheme, {
15
+ isFullScreen?: boolean | undefined;
12
16
  }, never>;
13
17
  export declare const StyledModalHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {
14
18
  $closeable?: boolean | undefined;
19
+ isFullScreen?: boolean | undefined;
15
20
  }, never>;
16
21
  export declare const StyledModalFooter: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {
17
22
  $hasBorder: boolean;
18
23
  }, never>;
19
- export declare const StyledModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
20
- export declare const StyledModalBodyContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
21
- export declare const StyledModalScrollableContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../grid/grid.types").GridProps & import("react").RefAttributes<import("../grid/grid.types").GridProps>>, import("styled-components").DefaultTheme, {}, never>;
22
- export declare const StyledModalChildrenContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
23
24
  export declare const StyledModalBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
24
25
  export declare const StyledModalCloseButtonContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
25
- export declare const StyleMobileCloseContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
package/dist/components/modal/modal.types.d.ts CHANGED
@@ -5,11 +5,18 @@ export interface ModalProps {
5
5
  closeable?: boolean;
6
6
  dataAttributes?: Record<string, unknown>;
7
7
  detailsPanel?: ReactElement;
8
+ /** Applies to desktop only. */
9
+ detailsPanelWidth?: Property.Width;
8
10
  footer?: ReactElement;
9
11
  header?: ReactNode;
10
12
  height?: ResolutionAwareProp<Property.Height>;
13
+ isFullScreen?: boolean;
14
+ /** Ignored if `isFullScreen` is `true`. */
15
+ maxWidth?: ResolutionAwareProp<Property.MaxWidth>;
16
+ /** Applies to mobile/tablet only. */
11
17
  noTopSpacing?: boolean;
12
18
  onClose?: () => void;
19
+ /** Ignored if `isFullScreen` is `true`. */
13
20
  top?: ResolutionAwareProp<Property.Top>;
14
21
  width?: ResolutionAwareProp<Property.Width>;
15
22
  }