@kanda-libs/ks-component-ts 0.2.247-qa → 0.2.248-qa

package/app/.yalc/@kanda-libs/ks-design-library/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanda-libs/ks-design-library",
-  "version": "0.2.79",
+  "version": "0.2.81",
   "description": "Kanda design components library",
   "main": "dist/index.esm.mjs",
   "module": "dist/index.esm.mjs",
@@ -72,5 +72,5 @@
     "react-toastify": "^9.0.8",
     "use-debounce": "^8.0.4"
   },
-  "yalcSig": "312c266992896be72ed73b30f80da8e3"
+  "yalcSig": "5de3490dab2f6ae8ff0de3e42ea27f49"
 }

package/app/.yalc/@kanda-libs/ks-design-library/src/components/DesktopLayout/DesktopLayoutBoxed/DesktopLayoutBoxedContent/constants.ts

@@ -9,7 +9,11 @@ export const CLASS_NAMES = {
     },
   },
   container: {
-    base: 'flex flex-row w-full justify-center px-16 lg:px-38 pt-18',
+    base: 'flex flex-row w-full justify-center',
+    '@noPadding': {
+      false: 'px-16 lg:px-38 pt-18',
+      true: '',
+    },
     '@flex': {
       true: 'flex-1',
     },

package/app/.yalc/@kanda-libs/ks-design-library/src/components/DesktopLayout/DesktopLayoutBoxed/DesktopLayoutBoxedContent/index.tsx

@@ -15,6 +15,10 @@ export interface ContentDefaultProps {
   left?: boolean;
   flex?: boolean;
   width?: string;
+  /**
+   * Don't add padding to the content
+   */
+  noPadding?: boolean;
 }
 
 const DesktopLayoutBoxedContent: FunctionComponent<ContentDefaultProps> =

package/app/.yalc/@kanda-libs/ks-design-library/src/components/DesktopLayout/DesktopLayoutBoxed/constants.ts

@@ -8,7 +8,7 @@ export const CLASS_NAMES = {
   lines: 'absolute left-0 top-0',
   options: 'flex flex-row',
   wrapper: {
-    base: 'flex flex-1 w-full flex-col px-6 lg:px-8 xl:px-16 relative mx-auto',
+    base: 'flex flex-1 w-full flex-col relative mx-auto px-6 lg:px-8 xl:px-16',
     '@noHeader': {
       false: 'pb-30',
       true: 'pb-20',

package/app/.yalc/@kanda-libs/ks-design-library/src/components/DesktopLayout/DesktopLayoutBoxed/index.tsx

@@ -32,6 +32,10 @@ export interface DesktopLayoutBoxedProps {
    * Allow for the y axis to overflow when there is a lot of content within the card
    */
   allowYOverflow?: boolean;
+  /**
+   * Optional prop for whether or not to show the navigation, like with DesktopLayoutDefault
+   */
+  showNavigation?: boolean;
 }
 
 const DesktopLayoutBoxed: FunctionComponent<DesktopLayoutBoxedProps> =
@@ -46,12 +50,14 @@ const DesktopLayoutBoxed: FunctionComponent<DesktopLayoutBoxedProps> =
     help = false,
     layoutFooter,
     allowYOverflow = false,
+    showNavigation = false,
   }) {
     const {
       classNames,
       linkComponent: LinkComponent,
       homeLinkProps,
       sidebarView: SidebarView,
+      Header,
     } = useDesktopLayoutBoxedProps({
       sidebar,
       sidebarWidth,
@@ -76,11 +82,14 @@ const DesktopLayoutBoxed: FunctionComponent<DesktopLayoutBoxedProps> =
         <div className={classNames.wrapper}>
           {!noHeader && (
             <div className={classNames.header}>
-              <LinkComponent {...homeLinkProps} className={classNames.logo}>
-                <>
-                  <KandaLogo {...logoProps} />
-                </>
-              </LinkComponent>
+              {!showNavigation && (
+                <LinkComponent {...homeLinkProps} className={classNames.logo}>
+                  <>
+                    <KandaLogo {...logoProps} />
+                  </>
+                </LinkComponent>
+              )}
+              {showNavigation && Header && <Header />}
               <div className={classNames.options}>
                 {help && <HelpButton />}
                 {options.map((option, i) => (

package/app/.yalc/@kanda-libs/ks-design-library/src/components/DesktopLayout/DesktopLayoutBoxed/useDesktopLayoutBoxedProps.ts

@@ -24,6 +24,7 @@ export interface DesktopLayoutBoxedPropsHook {
   homeLinkProps: HomeLinkProps;
   sidebarView: FunctionComponent;
   classNames: StringIndexedObject;
+  Header?: FunctionComponent<{}>;
 }
 
 export default function useDesktopLayoutBoxedProps({
@@ -36,6 +37,7 @@ export default function useDesktopLayoutBoxedProps({
     linkComponent,
     homeLinkProps,
     sidebar: defaultSidebar,
+    desktopHeader: Header,
   } = useContext(ConfigWrapperContext);
 
   const sidebarView = (
@@ -56,5 +58,6 @@ export default function useDesktopLayoutBoxedProps({
     homeLinkProps: homeLinkProps as HomeLinkProps,
     sidebarView,
     classNames,
+    Header,
   };
 }

package/app/.yalc/@kanda-libs/ks-design-library/yalc.sig

@@ -1 +1 @@
-312c266992896be72ed73b30f80da8e3
+5de3490dab2f6ae8ff0de3e42ea27f49

package/app/yalc.lock

@@ -2,11 +2,11 @@
   "version": "v1",
   "packages": {
     "@kanda-libs/ks-component-ts": {
-      "signature": "2d36767bafed43845c85e08cc57157dd",
+      "signature": "afd03a3e5dc5bb1f25ac9d4461bf5027",
       "link": true
     },
     "@kanda-libs/ks-design-library": {
-      "signature": "312c266992896be72ed73b30f80da8e3",
+      "signature": "5de3490dab2f6ae8ff0de3e42ea27f49",
       "link": true
     }
   }