spoko-design-system 1.15.0 → 1.16.0

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [1.16.0](https://github.com/polo-blue/sds/compare/v1.15.0...v1.16.0) (2025-12-07)
+
+### Features
+
+* **Jumbotron:** add small prop to Hero variant ([70f9280](https://github.com/polo-blue/sds/commit/70f9280a4ed8d167cd3ae16ceaebb544a99de85e))
+
 ## [1.15.0](https://github.com/polo-blue/sds/compare/v1.14.2...v1.15.0) (2025-12-07)
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoko-design-system",
-  "version": "1.15.0",
+  "version": "1.16.0",
   "type": "module",
   "private": false,
   "main": "./index.ts",

package/src/components/Jumbotron/index.astro

@@ -82,7 +82,7 @@ const commonProps = {
   )
 }
 
-{variant === 'hero' && <HeroVariant {...commonProps} description={description} info={info} />}
+{variant === 'hero' && <HeroVariant {...commonProps} description={description} info={info} small={small} />}
 
 {variant === 'post' && <PostVariant {...commonProps} author={author} date={date} categories={categories} />}
 

package/src/components/Jumbotron/variants/Hero.astro

@@ -6,9 +6,13 @@ interface Props {
   description?: string;
   info?: string;
   backgroundClass?: string;
+  small?: boolean;
 }
 
-const { title = '', image, description, info, backgroundClass } = Astro.props;
+const { title = '', image, description, info, backgroundClass, small = false } = Astro.props;
+
+// Height classes based on small prop
+const heightClass = small ? 'py-6 min-h-32' : 'py-8 h-56 sm:h-72 md:max-h-72';
 ---
 
 <div class={`relative w-full ${backgroundClass}`}>
@@ -21,7 +25,7 @@ const { title = '', image, description, info, backgroundClass } = Astro.props;
     )
   }
 
-  <div class="xl:container mx-auto px-3.5 md:px-8 py-8 h-56 sm:h-72 md:max-h-72 items-center flex">
+  <div class:list={['xl:container mx-auto px-3.5 md:px-8 items-center flex', heightClass]}>
     <header class="relative z-10 text-white">
       <h1
         class="font-headlight text-3xl sm:text-4xl md:text-5xl xl:text-6xl mt-1 line-clamp-3 leading-tight"