osi-cards-lib 1.5.38 → 1.5.40

package/index.d.ts

@@ -9018,6 +9018,14 @@ declare class AICardRendererComponent implements OnInit, AfterViewInit, OnDestro
      * Makes an HTTP POST request to the LLM endpoint with a prompt to generate card data.
      */
     private generateFallbackCard;
+    /**
+     * Get the version string for display in tooltip
+     */
+    get versionString(): string;
+    /**
+     * Handle click on the signature to open OSI Cards website
+     */
+    onSignatureClick(): void;
     /**
      * Validates that animation providers are configured.
      * Warns in development mode if animations are not available.
@@ -11488,11 +11496,11 @@ declare function packWithZeroGapsGuarantee(sections: CardSection[], columns?: nu
  * Do not edit manually - generated by scripts/generate-version.js
  *
  * Source of truth: version.config.json
- * Last synced: 2025-12-15T09:21:17.528Z
+ * Last synced: 2025-12-15T12:34:41.034Z
  */
-declare const VERSION = "1.5.19";
-declare const BUILD_DATE = "2025-12-15T09:21:17.528Z";
-declare const BUILD_HASH = "9010f4a";
+declare const VERSION = "1.5.40";
+declare const BUILD_DATE = "2025-12-15T12:34:41.034Z";
+declare const BUILD_HASH = "5e74926";
 declare const BUILD_BRANCH = "main";
 interface VersionInfo {
     version: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "osi-cards-lib",
-  "version": "1.5.38",
+  "version": "1.5.40",
   "description": "Standalone OSI Cards library for Angular applications with CSS Layer support for easy style overrides",
   "keywords": [
     "angular",

package/styles/_styles-scoped.scss

@@ -54,7 +54,7 @@
     display: flex;
     justify-content: center;
     align-items: flex-start;
-    padding: 8px;
+    padding: var(--osi-card-padding, 16px) !important;
     background: transparent !important;
     background-color: transparent !important;
     min-height: 0;
@@ -76,7 +76,7 @@
 
     // Responsive: reduce padding on mobile
     @media (max-width: 480px) {
-      padding: 4px;
+      padding: var(--osi-card-padding-mobile, 4px) !important;
     }
 
     // Bootstrap isolation - must come first to reset external Bootstrap variables

package/styles/components/_component-styles.scss

@@ -203,7 +203,3 @@ app-card-streaming-indicator {
   white-space: nowrap;
   border: 0;
 }
-
-
-
-

package/styles/components/cards/_ai-card.scss

@@ -20,8 +20,10 @@
   display: flex;
   flex-direction: column;
   width: 100%;
+  max-width: 100%;
   min-height: 0; // Allow content to determine height
   overflow: visible;
+  box-sizing: border-box !important;
 
   /* CSS Isolation */
   isolation: isolate;
@@ -49,14 +51,17 @@
   box-shadow: var(--osi-card-shadow) !important;
 
   /* Padding - card-specific spacing */
-  padding: var(--osi-card-padding) !important;
-  padding-bottom: var(--osi-card-padding) !important;
+  padding: var(--osi-card-padding, 16px) !important;
+  padding-top: var(--osi-card-padding, 16px) !important;
+  padding-bottom: var(--osi-card-padding, 16px) !important;
+  padding-left: var(--osi-card-padding, 16px) !important;
+  padding-right: var(--osi-card-padding, 16px) !important;
 
   /* Border radius - card-specific (larger than sections) */
   border-radius: var(--osi-card-border-radius) !important;
 
   /* Gap - specific space between header and sections */
-  gap: var(--osi-card-gap) !important;
+  gap: var(--osi-card-gap, 12px) !important;
   /* ========== END CARD SPECIFIC STYLES ========== */
 
   /* Smooth transitions */
@@ -483,8 +488,10 @@
   margin-bottom: 0 !important;
   display: flex;
   flex-direction: column;
-  gap: var(--osi-card-body-gap); /* Constant gap between sections */
+  gap: var(--osi-card-body-gap, 12px) !important; /* Constant gap between sections */
   min-height: 0;
+  max-width: 100%;
+  box-sizing: border-box !important;
   /* Allow content to flow properly - no overflow clipping */
   overflow: visible;
   /* NO BORDER - completely invisible */

package/styles/components/sections/_section-animations.scss

@@ -328,4 +328,3 @@
     }
   }
 }
-

package/styles/components/sections/_section-shell.scss

@@ -10,7 +10,7 @@
   --section-background: var(--osi-section-background);
   --section-background-hover: var(--osi-section-background-hover);
   --section-backdrop-filter: var(--osi-section-backdrop-filter);
-  --section-spacing-bottom: var(--osi-section-spacing-bottom);
+  --section-spacing-bottom: var(--osi-section-spacing-bottom, 12px);
   --section-glow-background: var(--osi-section-glow-background);
   --section-glow-opacity-hover: var(--osi-section-glow-opacity-hover);
   --section-title-underline-length: var(--osi-section-title-underline-length);
@@ -18,8 +18,14 @@
   --section-title-underline-height: var(--osi-section-title-underline-height);
   --section-title-underline-offset: var(--osi-section-title-underline-offset);
   --section-title-hover-color: var(--osi-section-title-hover-color);
-  height: 100% !important;
-  margin-bottom: var(--section-spacing-bottom) !important;
+  height: auto !important;
+  min-height: 0 !important;
+  max-height: none !important;
+  margin-bottom: var(--section-spacing-bottom, 12px) !important;
+  margin-top: 0 !important;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+  box-sizing: border-box !important;
   -webkit-font-smoothing: antialiased !important;
   -moz-osx-font-smoothing: grayscale !important;
 
@@ -38,7 +44,8 @@
   .masonry-item & {
     display: flex !important;
     flex-direction: column !important;
-    gap: var(--osi-section-gap) !important;
+    gap: var(--osi-section-gap, 12px) !important;
+    height: auto !important;
   }
 }
 

package/styles/layout/_masonry.scss

@@ -290,7 +290,6 @@
   /* Left accent border removed for consistency */
 }
 
-
 /* Flex grow sections - expand to fill space */
 .masonry-item--flex-grow {
   flex-grow: 1 !important;

package/styles/tokens/_master.scss

@@ -649,11 +649,11 @@ $breakpoints: (
   --osi-card-shadow-fullscreen: none;
 
   // Card Spacing - Padding
-  --osi-card-padding: var(--card-main-padding);
-  --osi-card-padding-top: var(--card-main-padding);
-  --osi-card-padding-bottom: var(--card-main-padding);
-  --osi-card-padding-left: var(--card-main-padding);
-  --osi-card-padding-right: var(--card-main-padding);
+  --osi-card-padding: var(--card-main-padding, 16px);
+  --osi-card-padding-top: var(--card-main-padding, 16px);
+  --osi-card-padding-bottom: var(--card-main-padding, 16px);
+  --osi-card-padding-left: var(--card-main-padding, 16px);
+  --osi-card-padding-right: var(--card-main-padding, 16px);
   --osi-card-padding-mobile: 4px; // Fixed padding - no responsive behavior
 
   // Card Spacing - Margins
@@ -663,9 +663,9 @@ $breakpoints: (
   --osi-card-margin-right: 0;
 
   // Card Spacing - Gaps
-  --osi-card-gap: var(--section-card-gap);
-  --osi-card-body-gap: var(--space-3);
-  --osi-card-grid-gap: var(--section-card-gap);
+  --osi-card-gap: var(--section-card-gap, 12px);
+  --osi-card-body-gap: var(--space-3, 12px);
+  --osi-card-grid-gap: var(--section-card-gap, 12px);
 
   // Card Border Radius
   --osi-card-border-radius: var(--card-border-radius);
@@ -1118,6 +1118,10 @@ $breakpoints: (
   } @else {
     --background: #{$osi-background-dark};
   }
+
+  // Ensure base colors are always available (even if osi-theme-base wasn't called)
+  @include osi-base-colors();
+
   --surface-contrast-color: #{$osi-color-white};
   --foreground: #{$osi-foreground-dark};
   --muted: #242424;
@@ -1209,6 +1213,10 @@ $breakpoints: (
   @if $is-scoped {
     color-scheme: light;
   }
+
+  // Ensure base colors are always available (even if osi-theme-base wasn't called)
+  @include osi-base-colors();
+
   --background: #{$osi-background-light};
   --foreground: #{$osi-foreground-light};
   --muted: #f4f4f6;
@@ -1316,6 +1324,8 @@ $breakpoints: (
 /// @param {String} $variant - 'demo' for larger demo app, 'integration' for compact OSA
 /// @param {Boolean} $is-scoped - If true, outputs for nested context
 @mixin osi-tokens($variant: "demo", $is-scoped: false) {
+  // Ensure base colors are always available
+  @include osi-base-colors();
   @include osi-shadows();
   @include osi-radius();