diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js index 371f52cb7..1cdf73b52 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js @@ -12,6 +12,7 @@ import { LoadingOverlay } from '../../../overlay/LoadingOverlay'; const TotalLayoutStepContainer = ({ stepName, titleZone, + TopZone, fullWidth, noMargin, children, @@ -27,6 +28,7 @@ const TotalLayoutStepContainer = ({ fullWidth, noMargin, footerPadding, + TopZone, }, { name: 'TotalLayoutStepContainer' }, ); @@ -41,6 +43,7 @@ const TotalLayoutStepContainer = ({ return ( + {TopZone} {stepName && ( {stepName} diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js index e41752b95..8d8abfd30 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js @@ -5,7 +5,7 @@ const TotalLayoutStepContainerStyles = createStyles( (theme, { hasFooter, clean, fullWidth, noMargin, footerPadding, TopZone, forceNotMaxWidth }) => ({ root: {}, stepContainer: { - padding: clean ? 0 : '30px 0 0 0 ', + padding: clean || TopZone ? 0 : '30px 0 0 0 ', marginLeft: fullWidth && !noMargin ? theme.spacing[8] : 0, marginRight: fullWidth && !noMargin ? theme.spacing[8] : 0, height: '100%', diff --git a/packages/icons/solid/esm/index.d.ts b/packages/icons/solid/esm/index.d.ts index 9e903be36..625368357 100644 --- a/packages/icons/solid/esm/index.d.ts +++ b/packages/icons/solid/esm/index.d.ts @@ -159,6 +159,7 @@ export { default as RedirectIcon } from './RedirectIcon' export { default as RefreshIcon } from './RefreshIcon' export { default as RemoveBoldIcon } from './RemoveBoldIcon' export { default as ReorderDownIcon } from './ReorderDownIcon' +export { default as ReportPageIcon } from './ReportPageIcon' export { default as RestoreIcon } from './RestoreIcon' export { default as SearchPlusIcon } from './SearchPlusIcon' export { default as SettingMenuHorizontalIcon } from './SettingMenuHorizontalIcon' diff --git a/packages/icons/solid/esm/index.js b/packages/icons/solid/esm/index.js index 64b43322b..d73794693 100644 --- a/packages/icons/solid/esm/index.js +++ b/packages/icons/solid/esm/index.js @@ -159,6 +159,7 @@ export { default as RedirectIcon } from './RedirectIcon.js' export { default as RefreshIcon } from './RefreshIcon.js' export { default as RemoveBoldIcon } from './RemoveBoldIcon.js' export { default as ReorderDownIcon } from './ReorderDownIcon.js' +export { default as ReportPageIcon } from './ReportPageIcon.js' export { default as RestoreIcon } from './RestoreIcon.js' export { default as SearchPlusIcon } from './SearchPlusIcon.js' export { default as SettingMenuHorizontalIcon } from './SettingMenuHorizontalIcon.js' diff --git a/packages/icons/solid/index.d.ts b/packages/icons/solid/index.d.ts index 9e903be36..625368357 100644 --- a/packages/icons/solid/index.d.ts +++ b/packages/icons/solid/index.d.ts @@ -159,6 +159,7 @@ export { default as RedirectIcon } from './RedirectIcon' export { default as RefreshIcon } from './RefreshIcon' export { default as RemoveBoldIcon } from './RemoveBoldIcon' export { default as ReorderDownIcon } from './ReorderDownIcon' +export { default as ReportPageIcon } from './ReportPageIcon' export { default as RestoreIcon } from './RestoreIcon' export { default as SearchPlusIcon } from './SearchPlusIcon' export { default as SettingMenuHorizontalIcon } from './SettingMenuHorizontalIcon' diff --git a/packages/icons/solid/index.js b/packages/icons/solid/index.js index 0962c5516..f386fc5fb 100644 --- a/packages/icons/solid/index.js +++ b/packages/icons/solid/index.js @@ -159,6 +159,7 @@ module.exports.RedirectIcon = require("./RedirectIcon.js") module.exports.RefreshIcon = require("./RefreshIcon.js") module.exports.RemoveBoldIcon = require("./RemoveBoldIcon.js") module.exports.ReorderDownIcon = require("./ReorderDownIcon.js") +module.exports.ReportPageIcon = require("./ReportPageIcon.js") module.exports.RestoreIcon = require("./RestoreIcon.js") module.exports.SearchPlusIcon = require("./SearchPlusIcon.js") module.exports.SettingMenuHorizontalIcon = require("./SettingMenuHorizontalIcon.js") diff --git a/packages/icons/src/solid/report-page.svg b/packages/icons/src/solid/report-page.svg new file mode 100644 index 000000000..83de57ce4 --- /dev/null +++ b/packages/icons/src/solid/report-page.svg @@ -0,0 +1,3 @@ +<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path fill-rule="evenodd" clip-rule="evenodd" d="M4.44001 0.600433C3.68375 0.675413 3.15649 1.17913 2.99605 1.97997C2.95739 2.17297 2.95761 15.5044 2.99629 15.7089C3.11957 16.361 3.58595 16.8196 4.30181 16.9929C4.44247 17.0269 4.78385 17.029 11.02 17.0352C15.3579 17.0394 17.6784 17.0347 17.85 17.0212C18.1457 16.9981 18.3223 16.9532 18.5272 16.8491C18.9761 16.621 19.295 16.16 19.3793 15.6172C19.3961 15.5084 19.4005 13.6994 19.3961 8.67997L19.39 1.88997L19.3257 1.70589C19.1731 1.26917 18.9342 0.994653 18.53 0.791753C18.3205 0.686533 18.122 0.629053 17.87 0.600613C17.6594 0.576853 4.67969 0.576673 4.44001 0.600433ZM4.40649 1.62869C4.22517 1.68553 4.11759 1.79119 4.02843 1.99997C3.99083 2.08807 3.98991 2.23203 3.98487 8.78935C3.97925 16.0926 3.97185 15.6 4.08967 15.7596C4.16011 15.855 4.28221 15.9329 4.43547 15.9802C4.56287 16.0196 4.63371 16.02 11.2058 16.02C18.6462 16.02 17.9907 16.0336 18.1711 15.8748C18.2756 15.7829 18.3242 15.697 18.3685 15.5259C18.3969 15.4163 18.4 14.7463 18.4 8.77839C18.4 1.26245 18.4178 1.99831 18.2311 1.80809C18.1626 1.73831 18.0913 1.68973 18.01 1.65751L17.89 1.60997L11.19 1.60625C5.71747 1.60321 4.47471 1.60731 4.40649 1.62869ZM0.970013 2.97753C0.823173 3.01609 0.685033 3.13519 0.627513 3.27287C0.604353 3.32831 0.600013 4.48895 0.600013 10.6302C0.600013 18.6648 0.590293 18.0519 0.722693 18.3631C0.923573 18.8352 1.29351 19.1684 1.81001 19.3424L1.95001 19.3896L9.29943 19.395L16.6489 19.4004L16.7558 19.348C16.9993 19.2289 17.1017 18.9224 16.979 18.68C16.9308 18.5848 16.8284 18.4906 16.72 18.4416C16.6301 18.4009 16.6274 18.4009 9.42001 18.4002C1.81591 18.3995 2.11823 18.4029 1.95001 18.3148C1.85107 18.2629 1.71769 18.117 1.66217 18L1.61001 17.89L1.60001 10.61C1.59033 3.55871 1.58883 3.32777 1.55277 3.25997C1.50047 3.16165 1.40351 3.06341 1.31245 3.01651C1.22623 2.97209 1.06195 2.95339 0.970013 2.97753ZM6.86715 5.36179C6.77487 5.38853 6.61011 5.54563 6.57031 5.64481C6.52429 5.75957 6.52629 5.93331 6.57491 6.04257C6.61739 6.13801 6.71591 6.24449 6.81001 6.29669C6.86545 6.32745 7.19815 6.32997 11.19 6.32997H15.51L15.5917 6.27683C15.764 6.16469 15.84 6.02953 15.84 5.83531C15.84 5.63517 15.7369 5.47599 15.55 5.38763L15.45 5.34037L11.19 5.34197C8.69349 5.34291 6.90399 5.35111 6.86715 5.36179ZM6.84485 7.74985C6.65205 7.83365 6.53747 8.00295 6.53629 8.20577C6.53511 8.41157 6.62827 8.56847 6.81001 8.66673L6.89001 8.70997L11.1472 8.71515C14.038 8.71867 15.4291 8.71369 15.4814 8.69961C15.6852 8.64473 15.8404 8.43321 15.8396 8.21139C15.839 8.06365 15.7936 7.95755 15.6874 7.85595C15.5325 7.70775 15.9366 7.71989 11.1857 7.72075C7.54335 7.72141 6.90035 7.72573 6.84485 7.74985ZM6.92001 10.1018C6.73967 10.1374 6.57675 10.3058 6.54137 10.4933C6.48917 10.7699 6.66653 11.03 6.94157 11.0803C7.01513 11.0938 8.08161 11.0989 10.0716 11.0954C13.4116 11.0894 13.1471 11.1003 13.3051 10.9616C13.5214 10.7717 13.5199 10.4069 13.302 10.2156C13.1475 10.08 13.4089 10.0903 10.05 10.087C8.34415 10.0853 6.97051 10.0918 6.92001 10.1018Z" fill="currentColor"/> +</svg>