spoko-design-system 1.15.0 → 1.16.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [1.16.1](https://github.com/polo-blue/sds/compare/v1.16.0...v1.16.1) (2025-12-07)
+
+### Bug Fixes
+
+* **jumbotron:** restore original PostSplit padding and layout ([f4a7dea](https://github.com/polo-blue/sds/commit/f4a7dea75b5d10586f42a0d2cb0e5dade961d134))
+
+## [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.1",
   "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"

package/uno-config/theme/shortcuts/jumbotron.ts

@@ -52,15 +52,15 @@ export const jumbotronShortcuts = [
 
   // Post Split variant
   ['jumbotron-split-wrapper', 'w-full'],
-  ['jumbotron-split-container', 'mx-auto'],
+  ['jumbotron-split-container', 'xl:container mx-auto px-3.5 md:px-0'],
   ['jumbotron-split-header', 'w-full justify-center text-white z-2 mt-auto md:(grid grid-cols-2) pb-4 mb-8'],
-  ['jumbotron-split-content', 'pl-4 pr-8 py-5 xl:(py-0 pl-0) flex flex-wrap'],
+  ['jumbotron-split-content', 'pl-4 pr-8 py-5 xl:(py-0 pl-0) flex flex-wrap ml-auto'],
   [
     'jumbotron-split-title',
     'font-headlight text-3xl md:(text-4xl mb-3) xl:text-11 mt-1 order-2 line-clamp-3 pb-1 w-full',
   ],
-  ['jumbotron-split-meta', 'order-4 flex items-center text-gray-100'],
+  ['jumbotron-split-meta', 'order-3 flex items-center text-gray-100'],
   ['jumbotron-split-image-wrapper', 'relative -mb-8 md:(mt-4 -ml-4 mr-4) xl:(ml-0 mr-0)'],
-  ['jumbotron-split-image', 'relative shadow-xl overflow-hidden md:ml-auto'],
+  ['jumbotron-split-image', 'relative shadow-xl md:max-h-112 overflow-hidden'],
   ['jumbotron-split-img', 'object-cover'],
 ];