@pega/cosmos-react-core 10.0.0-build.9.7 → 10.0.0-build.9.8

package/lib/components/Dialog/TouchDialog.styles.js

@@ -5,7 +5,7 @@ import Backdrop from '../Backdrop';
 import Drawer from '../Drawer';
 import { ExpandCollapseButton } from '../ExpandCollapse';
 import { StyledIcon } from '../Icon';
-import { StyledChildrenWrap } from './Dialog.styles';
+import { StyledChildrenWrap, StyledDialogFooter } from './Dialog.styles';
 export const StyledExpandCollapse = styled(ExpandCollapseButton) `
   position: absolute;
   inset-block-start: 0;
@@ -16,6 +16,30 @@ export const StyledExpandCollapse = styled(ExpandCollapseButton) `
   }
 `;
 StyledExpandCollapse.defaultProps = defaultThemeProp;
+export const StyledTouchDialogHeader = styled.div(({ theme: { base } }) => css `
+    padding-inline: ${base.spacing};
+    padding-block-start: ${base.spacing};
+
+    ${StyledButton} {
+      margin-inline-start: auto;
+    }
+  `);
+StyledTouchDialogHeader.defaultProps = defaultThemeProp;
+export const StyledTouchDialogContent = styled.div(({ theme: { base } }) => css `
+    min-height: 0;
+    overflow: auto;
+    height: 100%;
+    position: relative;
+    padding-block: calc(${base.spacing} * 0.5);
+
+    ${StyledChildrenWrap} {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      padding-inline: ${base.spacing};
+    }
+  `);
+StyledTouchDialogContent.defaultProps = defaultThemeProp;
 export const StyledTouchDialog = styled(Drawer)(({ theme: { base, components } }) => css `
     display: flex;
     flex-direction: column;
@@ -39,6 +63,12 @@ export const StyledTouchDialog = styled(Drawer)(({ theme: { base, components } }
     &:has(${StyledExpandCollapse}) {
       padding-block-start: ${base['hit-area'].compact};
     }
+
+    ${StyledTouchDialogContent}[hidden],
+    ${StyledChildrenWrap}[hidden],
+    ${StyledDialogFooter}[hidden] {
+      display: none;
+    }
   `);
 StyledTouchDialog.defaultProps = defaultThemeProp;
 export const StyledTouchDialogBackdrop = styled(Backdrop)(({ $compact }) => $compact &&
@@ -46,33 +76,4 @@ export const StyledTouchDialogBackdrop = styled(Backdrop)(({ $compact }) => $com
       inset-block-start: calc(100dvh - var(--appshell-bottom-panel-offset, 0));
     `);
 StyledTouchDialogBackdrop.defaultProps = defaultThemeProp;
-export const StyledTouchDialogHeader = styled.div(({ theme: { base } }) => css `
-    padding-inline: ${base.spacing};
-    padding-block-start: ${base.spacing};
-
-    ${StyledButton} {
-      margin-inline-start: auto;
-    }
-  `);
-StyledTouchDialogHeader.defaultProps = defaultThemeProp;
-export const StyledTouchDialogContent = styled.div(({ theme: { base } }) => css `
-    min-height: 0;
-    overflow: auto;
-    height: 100%;
-    position: relative;
-    padding-block-start: calc(${base.spacing} * 0.5);
-
-    &[hidden],
-    ${StyledChildrenWrap}[hidden] {
-      display: none;
-    }
-
-    ${StyledChildrenWrap} {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      padding-inline: ${base.spacing};
-    }
-  `);
-StyledTouchDialogContent.defaultProps = defaultThemeProp;
 //# sourceMappingURL=TouchDialog.styles.js.map

package/lib/components/Dialog/TouchDialog.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TouchDialog.styles.js","sourceRoot":"","sources":["../../../src/components/Dialog/TouchDialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAA;;;;;6BAKnC,UAAU;;;CAGtC,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAErD,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,CAC7C,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;kBAGxB,UAAU,CAAC,OAAO,CAAC,UAAU;4BACnB,IAAI,CAAC,OAAO;yBACf,IAAI,CAAC,OAAO;;;QAG7B,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,MAAM,IAAI,CAAC,OAAO,MAAM,IAAI,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC;;qBAEjE,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;;;;;;;;;;YAUzC,oBAAoB;6BACH,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO;;GAElD,CACF,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAElD,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,QAAQ,CAAC,CACvD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACf,QAAQ;IACR,GAAG,CAAA;;KAEF,CACJ,CAAC;AAEF,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAC/C,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;sBACR,IAAI,CAAC,OAAO;2BACP,IAAI,CAAC,OAAO;;MAEjC,YAAY;;;GAGf,CACF,CAAC;AAEF,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAChD,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;gCAKE,IAAI,CAAC,OAAO;;;MAGtC,kBAAkB;;;;MAIlB,kBAAkB;;;;wBAIA,IAAI,CAAC,OAAO;;GAEjC,CACF,CAAC;AAEF,wBAAwB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport { StyledButton } from '../Button';\nimport Backdrop from '../Backdrop';\nimport Drawer from '../Drawer';\nimport { ExpandCollapseButton } from '../ExpandCollapse';\nimport { StyledIcon } from '../Icon';\n\nimport { StyledChildrenWrap } from './Dialog.styles';\n\nexport const StyledExpandCollapse = styled(ExpandCollapseButton)`\n  position: absolute;\n  inset-block-start: 0;\n  width: 100%;\n\n  &[aria-expanded='false'] ${StyledIcon} {\n    transform: rotate(-90deg);\n  }\n`;\n\nStyledExpandCollapse.defaultProps = defaultThemeProp;\n\nexport const StyledTouchDialog = styled(Drawer)(\n  ({ theme: { base, components } }) => css`\n    display: flex;\n    flex-direction: column;\n    background: ${components.popover.background};\n    inset-block-end: calc(${base.spacing} * 0.5);\n    inset-inline: calc(${base.spacing} * 0.5);\n    max-height: 90dvh;\n    --touch-dialog-compact-height: calc(\n      ${base['hit-area'].compact} + ${base.spacing} + ${base['hit-area']['finger-min']}\n    );\n    border-radius: ${components.card['border-radius']};\n    width: auto;\n    overflow: hidden;\n    transition-property: transform, box-shadow, opacity, height;\n\n    @media (height < 31.25rem) {\n      overflow-y: auto;\n      display: block;\n    }\n\n    &:has(${StyledExpandCollapse}) {\n      padding-block-start: ${base['hit-area'].compact};\n    }\n  `\n);\n\nStyledTouchDialog.defaultProps = defaultThemeProp;\n\nexport const StyledTouchDialogBackdrop = styled(Backdrop)<{ $compact?: boolean }>(\n  ({ $compact }) =>\n    $compact &&\n    css`\n      inset-block-start: calc(100dvh - var(--appshell-bottom-panel-offset, 0));\n    `\n);\n\nStyledTouchDialogBackdrop.defaultProps = defaultThemeProp;\n\nexport const StyledTouchDialogHeader = styled.div(\n  ({ theme: { base } }) => css`\n    padding-inline: ${base.spacing};\n    padding-block-start: ${base.spacing};\n\n    ${StyledButton} {\n      margin-inline-start: auto;\n    }\n  `\n);\n\nStyledTouchDialogHeader.defaultProps = defaultThemeProp;\n\nexport const StyledTouchDialogContent = styled.div(\n  ({ theme: { base } }) => css`\n    min-height: 0;\n    overflow: auto;\n    height: 100%;\n    position: relative;\n    padding-block-start: calc(${base.spacing} * 0.5);\n\n    &[hidden],\n    ${StyledChildrenWrap}[hidden] {\n      display: none;\n    }\n\n    ${StyledChildrenWrap} {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      padding-inline: ${base.spacing};\n    }\n  `\n);\n\nStyledTouchDialogContent.defaultProps = defaultThemeProp;\n"]}
+{"version":3,"file":"TouchDialog.styles.js","sourceRoot":"","sources":["../../../src/components/Dialog/TouchDialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAA;;;;;6BAKnC,UAAU;;;CAGtC,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAErD,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAC/C,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;sBACR,IAAI,CAAC,OAAO;2BACP,IAAI,CAAC,OAAO;;MAEjC,YAAY;;;GAGf,CACF,CAAC;AAEF,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAChD,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;0BAKJ,IAAI,CAAC,OAAO;;MAEhC,kBAAkB;;;;wBAIA,IAAI,CAAC,OAAO;;GAEjC,CACF,CAAC;AAEF,wBAAwB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEzD,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,CAC7C,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;kBAGxB,UAAU,CAAC,OAAO,CAAC,UAAU;4BACnB,IAAI,CAAC,OAAO;yBACf,IAAI,CAAC,OAAO;;;QAG7B,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,MAAM,IAAI,CAAC,OAAO,MAAM,IAAI,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC;;qBAEjE,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;;;;;;;;;;YAUzC,oBAAoB;6BACH,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO;;;MAG/C,wBAAwB;MACxB,kBAAkB;MAClB,kBAAkB;;;GAGrB,CACF,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAElD,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,QAAQ,CAAC,CACvD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACf,QAAQ;IACR,GAAG,CAAA;;KAEF,CACJ,CAAC;AAEF,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport { StyledButton } from '../Button';\nimport Backdrop from '../Backdrop';\nimport Drawer from '../Drawer';\nimport { ExpandCollapseButton } from '../ExpandCollapse';\nimport { StyledIcon } from '../Icon';\n\nimport { StyledChildrenWrap, StyledDialogFooter } from './Dialog.styles';\n\nexport const StyledExpandCollapse = styled(ExpandCollapseButton)`\n  position: absolute;\n  inset-block-start: 0;\n  width: 100%;\n\n  &[aria-expanded='false'] ${StyledIcon} {\n    transform: rotate(-90deg);\n  }\n`;\n\nStyledExpandCollapse.defaultProps = defaultThemeProp;\n\nexport const StyledTouchDialogHeader = styled.div(\n  ({ theme: { base } }) => css`\n    padding-inline: ${base.spacing};\n    padding-block-start: ${base.spacing};\n\n    ${StyledButton} {\n      margin-inline-start: auto;\n    }\n  `\n);\n\nStyledTouchDialogHeader.defaultProps = defaultThemeProp;\n\nexport const StyledTouchDialogContent = styled.div(\n  ({ theme: { base } }) => css`\n    min-height: 0;\n    overflow: auto;\n    height: 100%;\n    position: relative;\n    padding-block: calc(${base.spacing} * 0.5);\n\n    ${StyledChildrenWrap} {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      padding-inline: ${base.spacing};\n    }\n  `\n);\n\nStyledTouchDialogContent.defaultProps = defaultThemeProp;\n\nexport const StyledTouchDialog = styled(Drawer)(\n  ({ theme: { base, components } }) => css`\n    display: flex;\n    flex-direction: column;\n    background: ${components.popover.background};\n    inset-block-end: calc(${base.spacing} * 0.5);\n    inset-inline: calc(${base.spacing} * 0.5);\n    max-height: 90dvh;\n    --touch-dialog-compact-height: calc(\n      ${base['hit-area'].compact} + ${base.spacing} + ${base['hit-area']['finger-min']}\n    );\n    border-radius: ${components.card['border-radius']};\n    width: auto;\n    overflow: hidden;\n    transition-property: transform, box-shadow, opacity, height;\n\n    @media (height < 31.25rem) {\n      overflow-y: auto;\n      display: block;\n    }\n\n    &:has(${StyledExpandCollapse}) {\n      padding-block-start: ${base['hit-area'].compact};\n    }\n\n    ${StyledTouchDialogContent}[hidden],\n    ${StyledChildrenWrap}[hidden],\n    ${StyledDialogFooter}[hidden] {\n      display: none;\n    }\n  `\n);\n\nStyledTouchDialog.defaultProps = defaultThemeProp;\n\nexport const StyledTouchDialogBackdrop = styled(Backdrop)<{ $compact?: boolean }>(\n  ({ $compact }) =>\n    $compact &&\n    css`\n      inset-block-start: calc(100dvh - var(--appshell-bottom-panel-offset, 0));\n    `\n);\n\nStyledTouchDialogBackdrop.defaultProps = defaultThemeProp;\n"]}

package/lib/components/Dialog/TouchDialog.types.d.ts

@@ -1,8 +1,8 @@
 import type { Ref, ReactNode } from 'react';
-import type { BaseProps, TestIdProp } from '../../types';
+import type { BaseProps, RequireAtLeastOne, TestIdProp } from '../../types';
 import type { DrawerProps } from '../Drawer';
 import type { ProgressProps } from '../Progress';
-export interface TouchDialogProps extends BaseProps, TestIdProp {
+export interface TouchDialogPropsBase extends BaseProps, TestIdProp {
     /**
      * Whether the TouchDialog should be open or closed.
      * The component should not be unmounted before onAfterClose is called,
@@ -11,15 +11,19 @@ export interface TouchDialogProps extends BaseProps, TestIdProp {
     open: DrawerProps['open'];
     /**
      * Callback fired when the TouchDialog is dismissed with user intent.
-     * The parent component should toggle the `open` prop.
+     * Drives the visibility of the close button in the header.
+     * When not passed, the parent component should handle dismiss by way of `onBeforeClose` callback.
+     * The parent component should toggle the `open` prop in the callback.
      */
-    onDismiss: () => void;
+    onDismiss?: () => void;
     /** Heading text displayed at the top of the drawer. */
     heading?: ReactNode;
     /** Aria label for the dialog, used when there is no heading. */
     'aria-label'?: string;
     /** Content of the TouchDialog. */
     children?: DrawerProps['children'];
+    /** Non-scrollable footer content displayed at the bottom of the TouchDialog. */
+    footer?: ReactNode;
     /** If there is a progress state either on opening, or after submit, you must indicate as such. A custom message is supported as well. */
     progress?: boolean | ProgressProps['message'];
     /**
@@ -49,4 +53,5 @@ export interface TouchDialogProps extends BaseProps, TestIdProp {
     /** Ref for the dialog panel element. */
     ref?: Ref<HTMLDivElement>;
 }
+export type TouchDialogProps = RequireAtLeastOne<TouchDialogPropsBase, 'onDismiss' | 'onBeforeClose'>;
 //# sourceMappingURL=TouchDialog.types.d.ts.map

package/lib/components/Dialog/TouchDialog.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TouchDialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/TouchDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,UAAU;IAC7D;;;;OAIG;IACH,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,yIAAyI;IACzI,QAAQ,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAC9C;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;IACjD,4DAA4D;IAC5D,YAAY,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3C,6DAA6D;IAC7D,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACzC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC7C,6DAA6D;IAC7D,YAAY,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAC1C,wCAAwC;IACxC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B"}
+{"version":3,"file":"TouchDialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/TouchDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,UAAU;IACjE;;;;OAIG;IACH,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yIAAyI;IACzI,QAAQ,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAC9C;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;IACjD,4DAA4D;IAC5D,YAAY,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3C,6DAA6D;IAC7D,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACzC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC7C,6DAA6D;IAC7D,YAAY,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAC1C,wCAAwC;IACxC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAC9C,oBAAoB,EACpB,WAAW,GAAG,eAAe,CAC9B,CAAC"}

package/lib/components/Dialog/TouchDialog.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TouchDialog.types.js","sourceRoot":"","sources":["../../../src/components/Dialog/TouchDialog.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref, ReactNode } from 'react';\n\nimport type { BaseProps, TestIdProp } from '../../types';\nimport type { DrawerProps } from '../Drawer';\nimport type { ProgressProps } from '../Progress';\n\nexport interface TouchDialogProps extends BaseProps, TestIdProp {\n  /**\n   * Whether the TouchDialog should be open or closed.\n   * The component should not be unmounted before onAfterClose is called,\n   * otherwise the closing animation will be interrupted.\n   */\n  open: DrawerProps['open'];\n  /**\n   * Callback fired when the TouchDialog is dismissed with user intent.\n   * The parent component should toggle the `open` prop.\n   */\n  onDismiss: () => void;\n  /** Heading text displayed at the top of the drawer. */\n  heading?: ReactNode;\n  /** Aria label for the dialog, used when there is no heading. */\n  'aria-label'?: string;\n  /** Content of the TouchDialog. */\n  children?: DrawerProps['children'];\n  /** If there is a progress state either on opening, or after submit, you must indicate as such. A custom message is supported as well. */\n  progress?: boolean | ProgressProps['message'];\n  /**\n   * The initial height of the TouchDialog panel.\n   * - `'auto'` — height is driven by content (capped at 90% of the viewport), without an expand control.\n   * - `'full-compact'` — initially opens to full height, with the option to collapse to a compact header.\n   * - `'half'` — half the viewport height.\n   * - `'full'` — opens to the maximum height (90% of the viewport).\n   * @default 'half'\n   */\n  size?: 'auto' | 'full-compact' | 'half' | 'full';\n  /** Callback fired before the TouchDialog starts opening. */\n  onBeforeOpen?: DrawerProps['onBeforeOpen'];\n  /** Callback fired after the TouchDialog finishes opening. */\n  onAfterOpen?: DrawerProps['onAfterOpen'];\n  /** Callback fired before the TouchDialog starts closing. */\n  onBeforeClose?: DrawerProps['onBeforeClose'];\n  /** Callback fired after the TouchDialog finishes closing. */\n  onAfterClose?: DrawerProps['onAfterClose'];\n  /**\n   * Action performed when a click occurs outside the dialog.\n   * - `'close'` — dismisses the dialog.\n   * - `'reset-size'` — resets to `compact` for `full-compact`, otherwise to the configured size.\n   * @default 'close'\n   */\n  outerClickAction?: 'close' | 'reset-size';\n  /** Ref for the dialog panel element. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}
+{"version":3,"file":"TouchDialog.types.js","sourceRoot":"","sources":["../../../src/components/Dialog/TouchDialog.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref, ReactNode } from 'react';\n\nimport type { BaseProps, RequireAtLeastOne, TestIdProp } from '../../types';\nimport type { DrawerProps } from '../Drawer';\nimport type { ProgressProps } from '../Progress';\n\nexport interface TouchDialogPropsBase extends BaseProps, TestIdProp {\n  /**\n   * Whether the TouchDialog should be open or closed.\n   * The component should not be unmounted before onAfterClose is called,\n   * otherwise the closing animation will be interrupted.\n   */\n  open: DrawerProps['open'];\n  /**\n   * Callback fired when the TouchDialog is dismissed with user intent.\n   * Drives the visibility of the close button in the header.\n   * When not passed, the parent component should handle dismiss by way of `onBeforeClose` callback.\n   * The parent component should toggle the `open` prop in the callback.\n   */\n  onDismiss?: () => void;\n  /** Heading text displayed at the top of the drawer. */\n  heading?: ReactNode;\n  /** Aria label for the dialog, used when there is no heading. */\n  'aria-label'?: string;\n  /** Content of the TouchDialog. */\n  children?: DrawerProps['children'];\n  /** Non-scrollable footer content displayed at the bottom of the TouchDialog. */\n  footer?: ReactNode;\n  /** If there is a progress state either on opening, or after submit, you must indicate as such. A custom message is supported as well. */\n  progress?: boolean | ProgressProps['message'];\n  /**\n   * The initial height of the TouchDialog panel.\n   * - `'auto'` — height is driven by content (capped at 90% of the viewport), without an expand control.\n   * - `'full-compact'` — initially opens to full height, with the option to collapse to a compact header.\n   * - `'half'` — half the viewport height.\n   * - `'full'` — opens to the maximum height (90% of the viewport).\n   * @default 'half'\n   */\n  size?: 'auto' | 'full-compact' | 'half' | 'full';\n  /** Callback fired before the TouchDialog starts opening. */\n  onBeforeOpen?: DrawerProps['onBeforeOpen'];\n  /** Callback fired after the TouchDialog finishes opening. */\n  onAfterOpen?: DrawerProps['onAfterOpen'];\n  /** Callback fired before the TouchDialog starts closing. */\n  onBeforeClose?: DrawerProps['onBeforeClose'];\n  /** Callback fired after the TouchDialog finishes closing. */\n  onAfterClose?: DrawerProps['onAfterClose'];\n  /**\n   * Action performed when a click occurs outside the dialog.\n   * - `'close'` — dismisses the dialog.\n   * - `'reset-size'` — resets to `compact` for `full-compact`, otherwise to the configured size.\n   * @default 'close'\n   */\n  outerClickAction?: 'close' | 'reset-size';\n  /** Ref for the dialog panel element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport type TouchDialogProps = RequireAtLeastOne<\n  TouchDialogPropsBase,\n  'onDismiss' | 'onBeforeClose'\n>;\n"]}

package/lib/components/Dialog/TouchFormDialog.d.ts

@@ -0,0 +1,5 @@
+import type { PropsWithoutRef } from 'react';
+import type { FormDialogProps } from './Dialog.types';
+declare const TouchFormDialog: import("react").ForwardRefExoticComponent<PropsWithoutRef<FormDialogProps> & import("react").RefAttributes<HTMLDivElement>>;
+export default TouchFormDialog;
+//# sourceMappingURL=TouchFormDialog.d.ts.map

package/lib/components/Dialog/TouchFormDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchFormDialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/TouchFormDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAU7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AActD,QAAA,MAAM,eAAe,6HA2HpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/Dialog/TouchFormDialog.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, useLayoutEffect, useRef } from 'react';
+import { useConsolidatedRef, useContentTabIndex, useI18n, useUID } from '../../hooks';
+import AdditionalInfo from '../AdditionalInfo';
+import Button from '../Button';
+import Flex from '../Flex';
+import Text from '../Text';
+import { isInstance, getActiveElement } from '../../utils';
+import { StyledChildrenWrap } from './Dialog.styles';
+import { StyledTouchFormDialog, StyledTouchFormDialogContent } from './TouchFormDialog.styles';
+const getTouchProps = ({ arrow, compact, portal, strategy, placement, focusTrap, ...touchProps }) => touchProps;
+const TouchFormDialog = forwardRef(function TouchFormDialog(props, ref) {
+    const { heading, 'aria-label': ariaLabel, children, progress, onDismiss, onCancel = () => true, onSubmit, onAfterClose, additionalInfo, ...restProps } = getTouchProps(props);
+    const t = useI18n();
+    const [open, setOpen] = useState(true);
+    const headerId = useUID();
+    const dialogRef = useConsolidatedRef(ref);
+    const dialogContentRef = useRef(null);
+    const contentTabIndex = useContentTabIndex(dialogRef, dialogContentRef, [], [progress]);
+    const onCancelHandler = typeof onCancel === 'function' ? onCancel : onCancel.handler;
+    const onSubmitHandler = typeof onSubmit === 'function' ? onSubmit : onSubmit.handler;
+    const cancelLabel = typeof onCancel !== 'function' && onCancel.text ? onCancel.text : t('cancel');
+    const submitLabel = typeof onSubmit !== 'function' && onSubmit.text ? onSubmit.text : t('submit');
+    // Using layout effect to capture the focused element prior to dialog elements taking focus.
+    useLayoutEffect(() => {
+        const initiatorElement = getActiveElement();
+        return () => {
+            if (isInstance(initiatorElement, HTMLElement) &&
+                initiatorElement.isConnected &&
+                // Restore focus only when it wasn't returned before.
+                dialogRef.current?.contains(getActiveElement())) {
+                initiatorElement.focus();
+            }
+        };
+    }, []);
+    return (_jsx(StyledTouchFormDialog, { ...restProps, ref: dialogRef, open: open, onBeforeClose: () => {
+            setOpen(false);
+        }, onAfterClose: onAfterClose, onDismiss: () => {
+            (onDismiss || onCancelHandler)?.();
+        }, heading: heading && (_jsxs(_Fragment, { children: [_jsx(Text, { variant: 'h2', id: headerId, children: heading }), additionalInfo?.heading && (_jsx(AdditionalInfo, { heading: additionalInfo.heading, children: additionalInfo.children }))] })), footer: _jsxs(_Fragment, { children: [_jsx(Button, { disabled: typeof onCancel !== 'function' ? onCancel.disabled : undefined, onClick: async () => {
+                        const returnValue = await onCancelHandler();
+                        if (returnValue === true) {
+                            setOpen(false);
+                        }
+                    }, children: cancelLabel }), _jsx(Button, { variant: 'primary', disabled: typeof onSubmit !== 'function' ? onSubmit.disabled : undefined, onClick: async () => {
+                        const returnValue = await onSubmitHandler();
+                        if (returnValue === true) {
+                            setOpen(false);
+                        }
+                    }, children: submitLabel })] }), "aria-label": ariaLabel, "aria-labelledby": heading && headerId, progress: progress, children: _jsx(Flex, { container: { direction: 'column', pad: [0, 0.5] }, item: { grow: 1 }, as: StyledTouchFormDialogContent, children: children && (_jsx(StyledChildrenWrap, { ref: dialogContentRef, tabIndex: contentTabIndex, inert: progress ? '' : undefined, children: children })) }) }));
+});
+export default TouchFormDialog;
+//# sourceMappingURL=TouchFormDialog.js.map

package/lib/components/Dialog/TouchFormDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchFormDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/TouchFormDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useState, useLayoutEffect, useRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport { useConsolidatedRef, useContentTabIndex, useI18n, useUID } from '../../hooks';\nimport type { RefElement } from '../../types';\nimport AdditionalInfo from '../AdditionalInfo';\nimport Button from '../Button';\nimport Flex from '../Flex';\nimport Text from '../Text';\nimport { isInstance, getActiveElement } from '../../utils';\n\nimport type { FormDialogProps } from './Dialog.types';\nimport { StyledChildrenWrap } from './Dialog.styles';\nimport { StyledTouchFormDialog, StyledTouchFormDialogContent } from './TouchFormDialog.styles';\n\nconst getTouchProps = ({\n  arrow,\n  compact,\n  portal,\n  strategy,\n  placement,\n  focusTrap,\n  ...touchProps\n}: FormDialogProps) => touchProps;\n\nconst TouchFormDialog = forwardRef<RefElement<FormDialogProps>, PropsWithoutRef<FormDialogProps>>(\n  function TouchFormDialog(props, ref) {\n    const {\n      heading,\n      'aria-label': ariaLabel,\n      children,\n      progress,\n      onDismiss,\n      onCancel = () => true,\n      onSubmit,\n      onAfterClose,\n      additionalInfo,\n      ...restProps\n    } = getTouchProps(props);\n    const t = useI18n();\n    const [open, setOpen] = useState(true);\n    const headerId = useUID();\n    const dialogRef = useConsolidatedRef(ref);\n    const dialogContentRef = useRef<HTMLDivElement>(null);\n\n    const contentTabIndex = useContentTabIndex(dialogRef, dialogContentRef, [], [progress]);\n\n    const onCancelHandler = typeof onCancel === 'function' ? onCancel : onCancel.handler;\n    const onSubmitHandler = typeof onSubmit === 'function' ? onSubmit : onSubmit.handler;\n\n    const cancelLabel =\n      typeof onCancel !== 'function' && onCancel.text ? onCancel.text : t('cancel');\n    const submitLabel =\n      typeof onSubmit !== 'function' && onSubmit.text ? onSubmit.text : t('submit');\n\n    // Using layout effect to capture the focused element prior to dialog elements taking focus.\n    useLayoutEffect(() => {\n      const initiatorElement = getActiveElement();\n\n      return () => {\n        if (\n          isInstance(initiatorElement, HTMLElement) &&\n          initiatorElement.isConnected &&\n          // Restore focus only when it wasn't returned before.\n          dialogRef.current?.contains(getActiveElement())\n        ) {\n          initiatorElement.focus();\n        }\n      };\n    }, []);\n\n    return (\n      <StyledTouchFormDialog\n        {...restProps}\n        ref={dialogRef}\n        open={open}\n        onBeforeClose={() => {\n          setOpen(false);\n        }}\n        onAfterClose={onAfterClose}\n        onDismiss={() => {\n          (onDismiss || onCancelHandler)?.();\n        }}\n        heading={\n          heading && (\n            <>\n              <Text variant='h2' id={headerId}>\n                {heading}\n              </Text>\n              {additionalInfo?.heading && (\n                <AdditionalInfo heading={additionalInfo.heading}>\n                  {additionalInfo.children}\n                </AdditionalInfo>\n              )}\n            </>\n          )\n        }\n        footer={\n          <>\n            <Button\n              disabled={typeof onCancel !== 'function' ? onCancel.disabled : undefined}\n              onClick={async () => {\n                const returnValue = await onCancelHandler();\n\n                if (returnValue === true) {\n                  setOpen(false);\n                }\n              }}\n            >\n              {cancelLabel}\n            </Button>\n            <Button\n              variant='primary'\n              disabled={typeof onSubmit !== 'function' ? onSubmit.disabled : undefined}\n              onClick={async () => {\n                const returnValue = await onSubmitHandler();\n\n                if (returnValue === true) {\n                  setOpen(false);\n                }\n              }}\n            >\n              {submitLabel}\n            </Button>\n          </>\n        }\n        aria-label={ariaLabel}\n        aria-labelledby={heading && headerId}\n        progress={progress}\n      >\n        <Flex\n          container={{ direction: 'column', pad: [0, 0.5] }}\n          item={{ grow: 1 }}\n          as={StyledTouchFormDialogContent}\n        >\n          {children && (\n            <StyledChildrenWrap\n              ref={dialogContentRef}\n              tabIndex={contentTabIndex}\n              inert={progress ? '' : undefined}\n            >\n              {children}\n            </StyledChildrenWrap>\n          )}\n        </Flex>\n      </StyledTouchFormDialog>\n    );\n  }\n);\n\nexport default TouchFormDialog;\n"]}

package/lib/components/Dialog/TouchFormDialog.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const StyledTouchFormDialogContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTouchFormDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<Pick<import("./TouchDialog.types").TouchDialogPropsBase, "size" | "progress" | "open" | "footer" | "ref" | "className" | "aria-label" | "children" | "heading" | "testId" | "onBeforeOpen" | "onAfterOpen" | "onAfterClose" | "outerClickAction"> & Required<Pick<import("./TouchDialog.types").TouchDialogPropsBase, "onBeforeClose">> & Partial<Pick<import("./TouchDialog.types").TouchDialogPropsBase, "onDismiss">>, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("../..").ForwardProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}) | (Omit<Omit<Pick<import("./TouchDialog.types").TouchDialogPropsBase, "size" | "progress" | "open" | "footer" | "ref" | "className" | "aria-label" | "children" | "heading" | "testId" | "onBeforeOpen" | "onAfterOpen" | "onAfterClose" | "outerClickAction"> & Required<Pick<import("./TouchDialog.types").TouchDialogPropsBase, "onDismiss">> & Partial<Pick<import("./TouchDialog.types").TouchDialogPropsBase, "onBeforeClose">>, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("../..").ForwardProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}), import("styled-components/dist/types").BaseObject>> & string & Omit<import("../..").ForwardRefForwardPropsComponent<import("./TouchDialog.types").TouchDialogProps>, keyof import("react").Component<any, {}, any>>;
+//# sourceMappingURL=TouchFormDialog.styles.d.ts.map

package/lib/components/Dialog/TouchFormDialog.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchFormDialog.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/TouchFormDialog.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,4BAA4B,6NAGxC,CAAC;AAIF,eAAO,MAAM,qBAAqB;;;;uNA2BjC,CAAC"}

package/lib/components/Dialog/TouchFormDialog.styles.js

@@ -0,0 +1,39 @@
+import styled, { css } from 'styled-components';
+import { defaultThemeProp } from '../../theme';
+import { StyledButton } from '../Button';
+import TouchDialog from './TouchDialog';
+import { StyledTouchDialogContent } from './TouchDialog.styles';
+import { StyledChildrenWrap, StyledDialogFooter } from './Dialog.styles';
+export const StyledTouchFormDialogContent = styled.div `
+  position: relative;
+  min-height: 0;
+`;
+StyledTouchFormDialogContent.defaultProps = defaultThemeProp;
+export const StyledTouchFormDialog = styled(TouchDialog)(({ theme }) => css `
+    @media (height < 31.25rem) {
+      display: flex;
+      overflow: hidden;
+    }
+
+    ${StyledTouchDialogContent} {
+      overflow: hidden;
+    }
+
+    ${StyledChildrenWrap} {
+      padding: calc(${theme.base.spacing} * 0.5);
+      overflow: auto;
+      min-height: 0;
+    }
+
+    ${StyledDialogFooter} {
+      padding-block-end: calc(
+        var(--appshell-hard-bottom-offset, 0rem) + ${theme.base.spacing} * 0.5
+      );
+
+      ${StyledButton} {
+        white-space: normal;
+      }
+    }
+  `);
+StyledTouchFormDialog.defaultProps = defaultThemeProp;
+//# sourceMappingURL=TouchFormDialog.styles.js.map

package/lib/components/Dialog/TouchFormDialog.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchFormDialog.styles.js","sourceRoot":"","sources":["../../../src/components/Dialog/TouchFormDialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGrD,CAAC;AAEF,4BAA4B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE7D,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,WAAW,CAAC,CACtD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;MAMd,wBAAwB;;;;MAIxB,kBAAkB;sBACF,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;MAKlC,kBAAkB;;qDAE6B,KAAK,CAAC,IAAI,CAAC,OAAO;;;QAG/D,YAAY;;;;GAIjB,CACF,CAAC;AAEF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport { StyledButton } from '../Button';\n\nimport TouchDialog from './TouchDialog';\nimport { StyledTouchDialogContent } from './TouchDialog.styles';\nimport { StyledChildrenWrap, StyledDialogFooter } from './Dialog.styles';\n\nexport const StyledTouchFormDialogContent = styled.div`\n  position: relative;\n  min-height: 0;\n`;\n\nStyledTouchFormDialogContent.defaultProps = defaultThemeProp;\n\nexport const StyledTouchFormDialog = styled(TouchDialog)(\n  ({ theme }) => css`\n    @media (height < 31.25rem) {\n      display: flex;\n      overflow: hidden;\n    }\n\n    ${StyledTouchDialogContent} {\n      overflow: hidden;\n    }\n\n    ${StyledChildrenWrap} {\n      padding: calc(${theme.base.spacing} * 0.5);\n      overflow: auto;\n      min-height: 0;\n    }\n\n    ${StyledDialogFooter} {\n      padding-block-end: calc(\n        var(--appshell-hard-bottom-offset, 0rem) + ${theme.base.spacing} * 0.5\n      );\n\n      ${StyledButton} {\n        white-space: normal;\n      }\n    }\n  `\n);\n\nStyledTouchFormDialog.defaultProps = defaultThemeProp;\n"]}

package/lib/components/Dialog/index.d.ts

@@ -1,6 +1,7 @@
-export { default as FormDialog } from './FormDialog';
+export { default as FormDialog } from './FormDialogWrapper';
 export { default as InfoDialog } from './InfoDialogWrapper';
 export { default as TouchDialog } from './TouchDialog';
+export { StyledTouchDialog } from './TouchDialog.styles';
 export type { TouchDialogProps } from './TouchDialog.types';
 export { getTouchDialogTestIds } from './TouchDialog.test-ids';
 export type { FormDialogProps, InfoDialogProps, DialogHandleValue } from './Dialog.types';

package/lib/components/Dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/Dialog/index.js

@@ -1,5 +1,6 @@
-export { default as FormDialog } from './FormDialog';
+export { default as FormDialog } from './FormDialogWrapper';
 export { default as InfoDialog } from './InfoDialogWrapper';
 export { default as TouchDialog } from './TouchDialog';
+export { StyledTouchDialog } from './TouchDialog.styles';
 export { getTouchDialogTestIds } from './TouchDialog.test-ids';
 //# sourceMappingURL=index.js.map

package/lib/components/Dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { default as FormDialog } from './FormDialog';\nexport { default as InfoDialog } from './InfoDialogWrapper';\nexport { default as TouchDialog } from './TouchDialog';\nexport type { TouchDialogProps } from './TouchDialog.types';\nexport { getTouchDialogTestIds } from './TouchDialog.test-ids';\nexport type { FormDialogProps, InfoDialogProps, DialogHandleValue } from './Dialog.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { default as FormDialog } from './FormDialogWrapper';\nexport { default as InfoDialog } from './InfoDialogWrapper';\nexport { default as TouchDialog } from './TouchDialog';\nexport { StyledTouchDialog } from './TouchDialog.styles';\nexport type { TouchDialogProps } from './TouchDialog.types';\nexport { getTouchDialogTestIds } from './TouchDialog.test-ids';\nexport type { FormDialogProps, InfoDialogProps, DialogHandleValue } from './Dialog.types';\n"]}

package/lib/components/InlineEdit/InlineEdit.styles.d.ts

@@ -4,39 +4,59 @@ export declare const StyledEditButton: import("styled-components/dist/types").IS
 }, never>> & string & Omit<import("../..").ForwardRefForwardPropsComponent<import("../Button").ButtonProps>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledInlineEditDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<import("../Dialog/Dialog.types").BaseDialogProps & {
     onDismiss?: () => void;
-    onCancel: import("../Dialog/Dialog.types").FormAction;
     onSubmit: import("../Dialog/Dialog.types").FormAction;
 } & {
-    compact: true;
+    compact?: boolean;
 } & {
     'aria-label': string;
     heading?: never;
     additionalInfo?: never;
-} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+} & {
+    onAfterClose?: () => void;
+    onCancel: import("../Dialog/Dialog.types").FormAction | undefined;
+} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onAfterClose" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }) | (Omit<Omit<import("../Dialog/Dialog.types").BaseDialogProps & {
     onDismiss?: () => void;
-    onCancel: import("../Dialog/Dialog.types").FormAction;
     onSubmit: import("../Dialog/Dialog.types").FormAction;
 } & {
-    compact?: false | undefined;
+    compact?: boolean;
+} & {
+    'aria-label': string;
+    heading?: never;
+    additionalInfo?: never;
+} & {
+    onAfterClose: () => void;
+    onCancel?: import("../Dialog/Dialog.types").FormAction;
+} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onAfterClose" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}) | (Omit<Omit<import("../Dialog/Dialog.types").BaseDialogProps & {
+    onDismiss?: () => void;
+    onSubmit: import("../Dialog/Dialog.types").FormAction;
+} & {
+    compact?: false;
 } & {
     heading: string;
     additionalInfo?: import("../AdditionalInfo").AdditionalInfoProps;
     'aria-label'?: never;
-} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+} & {
+    onAfterClose?: () => void;
+    onCancel: import("../Dialog/Dialog.types").FormAction | undefined;
+} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onAfterClose" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }) | (Omit<Omit<import("../Dialog/Dialog.types").BaseDialogProps & {
     onDismiss?: () => void;
-    onCancel: import("../Dialog/Dialog.types").FormAction;
     onSubmit: import("../Dialog/Dialog.types").FormAction;
 } & {
-    compact?: false | undefined;
+    compact?: false;
 } & {
-    'aria-label': string;
-    heading?: never;
-    additionalInfo?: never;
-} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    heading: string;
+    additionalInfo?: import("../AdditionalInfo").AdditionalInfoProps;
+    'aria-label'?: never;
+} & {
+    onAfterClose: () => void;
+    onCancel?: import("../Dialog/Dialog.types").FormAction;
+} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onAfterClose" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }), import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<import("../Dialog").FormDialogProps> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledInlineEdit: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/components/InlineEdit/InlineEdit.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEdit.styles.d.ts","sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa,6NAEzB,CAAC;AAIF,eAAO,MAAM,gBAAgB;;2JAS3B,CAAC;AAIH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uRAQjC,CAAC;AAIH,eAAO,MAAM,gBAAgB,6NAmC3B,CAAC"}
+{"version":3,"file":"InlineEdit.styles.d.ts","sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa,6NAEzB,CAAC;AAIF,eAAO,MAAM,gBAAgB;;2JAS3B,CAAC;AAIH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uRAQjC,CAAC;AAIH,eAAO,MAAM,gBAAgB,6NAmC3B,CAAC"}

package/lib/components/ListToolbar/ListToolbar.styles.d.ts

@@ -12,39 +12,59 @@ export declare const StyledListToolbar: import("styled-components/dist/types").I
 }>> & string;
 export declare const StyledListToolbarDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<import("../Dialog/Dialog.types").BaseDialogProps & {
     onDismiss?: () => void;
-    onCancel: import("../Dialog/Dialog.types").FormAction;
     onSubmit: import("../Dialog/Dialog.types").FormAction;
 } & {
-    compact: true;
+    compact?: boolean;
 } & {
     'aria-label': string;
     heading?: never;
     additionalInfo?: never;
-} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+} & {
+    onAfterClose?: () => void;
+    onCancel: import("../Dialog/Dialog.types").FormAction | undefined;
+} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onAfterClose" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }) | (Omit<Omit<import("../Dialog/Dialog.types").BaseDialogProps & {
     onDismiss?: () => void;
-    onCancel: import("../Dialog/Dialog.types").FormAction;
     onSubmit: import("../Dialog/Dialog.types").FormAction;
 } & {
-    compact?: false | undefined;
+    compact?: boolean;
+} & {
+    'aria-label': string;
+    heading?: never;
+    additionalInfo?: never;
+} & {
+    onAfterClose: () => void;
+    onCancel?: import("../Dialog/Dialog.types").FormAction;
+} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onAfterClose" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}) | (Omit<Omit<import("../Dialog/Dialog.types").BaseDialogProps & {
+    onDismiss?: () => void;
+    onSubmit: import("../Dialog/Dialog.types").FormAction;
+} & {
+    compact?: false;
 } & {
     heading: string;
     additionalInfo?: import("../AdditionalInfo").AdditionalInfoProps;
     'aria-label'?: never;
-} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+} & {
+    onAfterClose?: () => void;
+    onCancel: import("../Dialog/Dialog.types").FormAction | undefined;
+} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onAfterClose" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }) | (Omit<Omit<import("../Dialog/Dialog.types").BaseDialogProps & {
     onDismiss?: () => void;
-    onCancel: import("../Dialog/Dialog.types").FormAction;
     onSubmit: import("../Dialog/Dialog.types").FormAction;
 } & {
-    compact?: false | undefined;
+    compact?: false;
 } & {
-    'aria-label': string;
-    heading?: never;
-    additionalInfo?: never;
-} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    heading: string;
+    additionalInfo?: import("../AdditionalInfo").AdditionalInfoProps;
+    'aria-label'?: never;
+} & {
+    onAfterClose: () => void;
+    onCancel?: import("../Dialog/Dialog.types").FormAction;
+} & Omit<import("../..").Attributes<"div">, "compact" | "aria-label" | "onSubmit" | "onCancel" | "heading" | "onAfterClose" | "onDismiss" | keyof import("../Dialog/Dialog.types").BaseDialogProps | "additionalInfo">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }), import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<import("../Dialog").FormDialogProps> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledListToolbarContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {

package/lib/components/ListToolbar/ListToolbar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.styles.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAKvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAQ9C,eAAO,MAAM,wBAAwB;;2JAAmB,CAAC;AAGzD,eAAO,MAAM,gBAAgB,6NAK5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;cAA6B,OAAO;YA0BjE,CAAC;AAIH,eAAO,MAAM,iBAAiB;oBAAgC,OAAO;YAsBpE,CAAC;AAIF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uRAWlC,CAAC;AAIH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oMAYnC,CAAC;AAIH,eAAO,MAAM,eAAe,kYAK3B,CAAC;AAIF,eAAO,MAAM,aAAa;eACb,OAAO;cACR,OAAO;gBACL,UAAU;YAwDtB,CAAC;AAIH,eAAO,MAAM,eAAe;;;;mBAM1B,CAAC;AAIH,eAAO,MAAM,UAAU,qQAatB,CAAC;AAIF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oMAQjC,CAAC"}
+{"version":3,"file":"ListToolbar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.styles.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAKvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAS9C,eAAO,MAAM,wBAAwB;;2JAAmB,CAAC;AAGzD,eAAO,MAAM,gBAAgB,6NAK5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;cAA6B,OAAO;YA0BjE,CAAC;AAIH,eAAO,MAAM,iBAAiB;oBAAgC,OAAO;YAsBpE,CAAC;AAIF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uRAalC,CAAC;AAIH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oMAYnC,CAAC;AAIH,eAAO,MAAM,eAAe,kYAK3B,CAAC;AAIF,eAAO,MAAM,aAAa;eACb,OAAO;cACR,OAAO;gBACL,UAAU;YAwDtB,CAAC;AAIH,eAAO,MAAM,eAAe;;;;mBAM1B,CAAC;AAIH,eAAO,MAAM,UAAU,qQAatB,CAAC;AAIF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oMAQjC,CAAC"}

package/lib/components/ListToolbar/ListToolbar.styles.js

@@ -9,8 +9,9 @@ import { StyledText } from '../Text';
 import { defaultThemeProp } from '../../theme';
 import { calculateFontSize } from '../../styles';
 import Button, { StyledButton } from '../Button';
-import FormDialog from '../Dialog/FormDialog';
+import { FormDialog } from '../Dialog';
 import { ellipsisOverflow } from '../../styles/mixins';
+import { StyledTouchDialog } from '../Dialog/TouchDialog.styles';
 export const StyledExpandSearchButton = styled(Button) ``;
 StyledExpandSearchButton.defaultProps = defaultThemeProp;
 export const StyledSearchForm = styled.div `
@@ -70,12 +71,14 @@ export const StyledListToolbar = styled.div(({ theme, isSmallOrAbove }) => {
 StyledListToolbar.defaultProps = defaultThemeProp;
 export const StyledListToolbarDialog = styled(FormDialog)(({ theme }) => {
     return css `
-    min-width: min(${theme.base['content-width'].lg}, calc(100% - 2rem));
-    max-width: calc(100vw - 4 * ${theme.base.spacing});
+    &:not(${StyledTouchDialog}) {
+      min-width: min(${theme.base['content-width'].lg}, calc(100% - 2rem));
+      max-width: calc(100vw - 4 * ${theme.base.spacing});
 
-    ${StyledDialogContent} {
-      @media (height >= 31.25rem) {
-        min-height: 2rem;
+      ${StyledDialogContent} {
+        @media (height >= 31.25rem) {
+          min-height: 2rem;
+        }
       }
     }
   `;