spoko-design-system 1.14.0 → 1.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ ## [1.14.2](https://github.com/polo-blue/sds/compare/v1.14.1...v1.14.2) (2025-12-07)
2
+
3
+ ### Bug Fixes
4
+
5
+ * **jumbotron:** make description margin conditional per variant ([6c8e59d](https://github.com/polo-blue/sds/commit/6c8e59d813aa512f210503f4ac9facfb3f9b23d6))
6
+
7
+ ## [1.14.1](https://github.com/polo-blue/sds/compare/v1.14.0...v1.14.1) (2025-12-07)
8
+
9
+ ### Bug Fixes
10
+
11
+ * **jumbotron:** fix description order in PostSplit variant ([679a45e](https://github.com/polo-blue/sds/commit/679a45e3b7be9e39dd65691edf61bc5564136881))
12
+
1
13
  ## [1.14.0](https://github.com/polo-blue/sds/compare/v1.13.3...v1.14.0) (2025-12-07)
2
14
 
3
15
  ### Features
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "spoko-design-system",
3
- "version": "1.14.0",
3
+ "version": "1.14.2",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "main": "./index.ts",
@@ -27,12 +27,8 @@ const { title = '', image, description, info, backgroundClass } = Astro.props;
27
27
  class="font-headlight text-3xl sm:text-4xl md:text-5xl xl:text-6xl mt-1 line-clamp-3 leading-tight"
28
28
  set:html={title}
29
29
  />
30
- {
31
- description && (
32
- <div class="mb-1 line-clamp-3 text-base sm:text-lg leading-none mt-4" set:html={description} />
33
- )
34
- }
35
- {info && <div class="font-medium mb-4 line-clamp-1 text-base sm:text-lg mt-2" set:html={info} />}
30
+ {description && <div class="jumbotron-description mt-4" set:html={description} />}
31
+ {info && <div class="jumbotron-info" set:html={info} />}
36
32
  </header>
37
33
  </div>
38
34
  </div>
@@ -65,7 +65,7 @@ const cleanTitle = stripHtml(title);
65
65
  <div class="jumbotron-split-content">
66
66
  <h1 class="jumbotron-split-title" set:html={title} />
67
67
 
68
- {description && <p class="jumbotron-description" set:html={description} />}
68
+ {description && <p class="jumbotron-description order-3 w-full mt-0" set:html={description} />}
69
69
 
70
70
  {
71
71
  hasCategories && (
@@ -47,7 +47,7 @@ export const jumbotronShortcuts = [
47
47
  ['jumbotron-categories', 'order-1 mt-4'],
48
48
 
49
49
  // Content styles
50
- ['jumbotron-description', 'mb-1 line-clamp-3 text-base sm:text-lg leading-none mt-4'],
50
+ ['jumbotron-description', 'mb-1 line-clamp-3 text-base sm:text-lg leading-tight'],
51
51
  ['jumbotron-info', 'font-medium mb-4 line-clamp-1 text-base sm:text-lg mt-2'],
52
52
 
53
53
  // Post Split variant
@@ -59,7 +59,7 @@ export const jumbotronShortcuts = [
59
59
  'jumbotron-split-title',
60
60
  'font-headlight text-3xl md:(text-4xl mb-3) xl:text-11 mt-1 order-2 line-clamp-3 pb-1 w-full',
61
61
  ],
62
- ['jumbotron-split-meta', 'order-3 flex items-center text-gray-100'],
62
+ ['jumbotron-split-meta', 'order-4 flex items-center text-gray-100'],
63
63
  ['jumbotron-split-image-wrapper', 'relative -mb-8 md:(mt-4 -ml-4 mr-4) xl:(ml-0 mr-0)'],
64
64
  ['jumbotron-split-image', 'relative shadow-xl md:max-h-112 overflow-hidden md:ml-auto'],
65
65
  ['jumbotron-split-img', 'object-cover'],