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

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

@@ -1,6 +1,6 @@
 {
   "name": "@kanda-libs/ks-design-library",
-  "version": "0.2.81",
+  "version": "0.2.83",
   "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": "5de3490dab2f6ae8ff0de3e42ea27f49"
+  "yalcSig": "428b264647396fe7b13691318a38db62"
 }

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

@@ -17,6 +17,9 @@ export const CLASS_NAMES = {
     '@flex': {
       true: 'flex-1',
     },
+    '@footer': {
+      false: 'pb-18',
+    },
   },
   content: {
     base: 'flex flex-col',

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

@@ -30,6 +30,7 @@ const DesktopLayoutBoxedContent: FunctionComponent<ContentDefaultProps> =
     top = false,
     left = false,
     flex = false,
+    noPadding = false,
   }) {
     const classNames = useContentClassNames({
       footer,
@@ -37,6 +38,7 @@ const DesktopLayoutBoxedContent: FunctionComponent<ContentDefaultProps> =
       top,
       left,
       flex,
+      noPadding,
     });
 
     return (

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

@@ -13,9 +13,13 @@ export default function useContentClassNames({
   width,
   ...variants
 }: ContentClassNamesArgs): StringIndexedObject {
+  const extendedVariants = {
+    ...variants,
+    footer: Boolean(footer),
+  };
+
   const classNames = useClasses(CLASS_NAMES, {
-    variants,
-    container: ['.container', footer ? '' : 'pb-18'],
+    variants: extendedVariants,
     content: ['.content', width],
   });
 

package/app/.yalc/@kanda-libs/ks-design-library/src/components/ExpandableContent/useExpandableContentProps.ts

@@ -31,8 +31,9 @@ export default function useExpandableContentProps(compact: boolean) {
       showContent ? 'rounded-t-lg' : 'rounded-lg',
     ),
     container: clsx(
-      'py-4 px-5',
-      compact ? '' : 'border border-t-0 border-neutral-300 rounded-b-lg',
+      compact
+        ? ''
+        : 'py-4 px-5 border border-t-0 border-neutral-300 rounded-b-lg',
     ),
     label: 'text-14-22-em text-neutral-600',
     icon: 'ml-3',

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

@@ -1 +1 @@
-5de3490dab2f6ae8ff0de3e42ea27f49
+428b264647396fe7b13691318a38db62

package/app/yalc.lock

@@ -2,11 +2,11 @@
   "version": "v1",
   "packages": {
     "@kanda-libs/ks-component-ts": {
-      "signature": "afd03a3e5dc5bb1f25ac9d4461bf5027",
+      "signature": "8669f608f3d662f3deacb52d3833eab4",
       "link": true
     },
     "@kanda-libs/ks-design-library": {
-      "signature": "5de3490dab2f6ae8ff0de3e42ea27f49",
+      "signature": "428b264647396fe7b13691318a38db62",
       "link": true
     }
   }