feat(TotalLayout): Added TopZone to StepContainer

feat(Icons): ReportIcon
leemonade · Oct 9, 2024 · 7f0a1e6 · 7f0a1e6
1 parent 1f5bb39
commit 7f0a1e6
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 1 deletion.
diff --git a/...es/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js b/...es/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 (
     <Stack className={classes.stepContainer} fullHeight direction="column">
+      {TopZone}
       {stepName && (
         <Title className={classes.stepName} order={2} noFlex>
           {stepName}

diff --git a/...onents/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js b/...onents/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
@@ -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
@@ -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
@@ -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
@@ -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