codexly-ui 0.0.84 → 0.0.85

package/fesm2022/codexly-ui.mjs

@@ -6275,9 +6275,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
 
 const CARD_PADDING_MAP = {
     none: '',
-    sm: 'p-3',
-    md: 'p-5',
-    lg: 'p-7',
+    sm: 'p-2',
+    md: 'p-3',
+    lg: 'p-5',
 };
 const CARD_SHADOW_MAP = {
     none: 'shadow-none',
@@ -6354,7 +6354,7 @@ class ClxCardComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClxCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClxCardComponent, isStandalone: true, selector: "clx-card", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", isSignal: true, isRequired: false, transformFunction: null }, hover: { classPropertyName: "hover", publicName: "hover", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_hostClass()" } }, queries: [{ propertyName: "_headerSlot", first: true, predicate: ClxCardHeaderDirective, descendants: true, isSignal: true }, { propertyName: "_bodySlot", first: true, predicate: ClxCardBodyDirective, descendants: true, isSignal: true }, { propertyName: "_footerSlot", first: true, predicate: ClxCardFooterDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
     @if (_hasHeader()) {
-      <div class="clx-card-header flex items-center justify-between gap-3 px-5 py-4 border-b border-slate-100">
+      <div class="clx-card-header flex items-center justify-between gap-3 px-4 py-3 border-b border-slate-100">
         <ng-content select="[clxCardHeader]" />
       </div>
     }
@@ -6367,7 +6367,7 @@ class ClxCardComponent {
     </div>
 
     @if (_hasFooter()) {
-      <div class="clx-card-footer flex items-center gap-2 px-5 py-3 border-t border-slate-100 bg-slate-50/60 rounded-b-xl">
+      <div class="clx-card-footer flex items-center gap-2 px-4 py-2 border-t border-slate-100 bg-slate-50/60 rounded-b-xl">
         <ng-content select="[clxCardFooter]" />
       </div>
     }
@@ -6384,7 +6384,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                     host: { '[class]': '_hostClass()' },
                     template: `
     @if (_hasHeader()) {
-      <div class="clx-card-header flex items-center justify-between gap-3 px-5 py-4 border-b border-slate-100">
+      <div class="clx-card-header flex items-center justify-between gap-3 px-4 py-3 border-b border-slate-100">
         <ng-content select="[clxCardHeader]" />
       </div>
     }
@@ -6397,7 +6397,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
     </div>
 
     @if (_hasFooter()) {
-      <div class="clx-card-footer flex items-center gap-2 px-5 py-3 border-t border-slate-100 bg-slate-50/60 rounded-b-xl">
+      <div class="clx-card-footer flex items-center gap-2 px-4 py-2 border-t border-slate-100 bg-slate-50/60 rounded-b-xl">
         <ng-content select="[clxCardFooter]" />
       </div>
     }