spoko-design-system 1.18.0 → 1.19.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [1.19.0](https://github.com/polo-blue/sds/compare/v1.18.1...v1.19.0) (2025-12-10)
+
+### Features
+
+* **Jumbotron:** update typography and add bold font styling ([f759405](https://github.com/polo-blue/sds/commit/f7594051ea024af5e404a7d4dd255c4f033d4323))
+
+## [1.18.1](https://github.com/polo-blue/sds/compare/v1.18.0...v1.18.1) (2025-12-08)
+
+### Bug Fixes
+
+* correct case sensitivity in CallToAction export path ([9aeb7d3](https://github.com/polo-blue/sds/commit/9aeb7d3876430c68983d62fdafe476c9290d341b))
+
 ## [1.18.0](https://github.com/polo-blue/sds/compare/v1.17.0...v1.18.0) (2025-12-07)
 
 ### Features

package/index.ts

@@ -46,7 +46,7 @@ export { default as HandDrive } from './src/components/HandDrive.astro';
 export { default as Faq } from './src/components/Faq.astro';
 export { default as FaqItem } from './src/components/FaqItem.astro';
 export { default as ButtonCopy } from './src/components/ButtonCopy.astro';
-export { default as CallToAction } from './src/components/Layout/CallToAction.astro';
+export { default as CallToAction } from './src/components/layout/CallToAction.astro';
 
 export { default as ProductImage } from './src/components/Product/ProductImage.astro';
 export { default as ProductEngine } from './src/components/Product/ProductEngine.astro';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoko-design-system",
-  "version": "1.18.0",
+  "version": "1.19.0",
   "type": "module",
   "private": false,
   "main": "./index.ts",
@@ -54,55 +54,55 @@
     "spoko design system"
   ],
   "dependencies": {
-    "@algolia/client-search": "^5.44.0",
-    "@astrojs/mdx": "^4.3.11",
+    "@algolia/client-search": "^5.46.0",
+    "@astrojs/mdx": "^4.3.12",
     "@astrojs/node": "^9.5.1",
     "@astrojs/sitemap": "^3.6.0",
-    "@astrojs/ts-plugin": "^1.10.5",
+    "@astrojs/ts-plugin": "^1.10.6",
     "@astrojs/vue": "^5.1.3",
     "@docsearch/css": "^4.3.2",
     "@floating-ui/vue": "^1.1.9",
     "@iconify-json/ant-design": "^1.2.5",
-    "@iconify-json/bi": "^1.2.6",
+    "@iconify-json/bi": "^1.2.7",
     "@iconify-json/bx": "^1.2.2",
-    "@iconify-json/carbon": "^1.2.14",
+    "@iconify-json/carbon": "^1.2.15",
     "@iconify-json/circle-flags": "^1.2.10",
     "@iconify-json/ei": "^1.2.2",
     "@iconify-json/el": "^1.2.2",
     "@iconify-json/eos-icons": "^1.2.4",
     "@iconify-json/et": "^1.2.1",
     "@iconify-json/flowbite": "^1.2.7",
-    "@iconify-json/fluent": "^1.2.34",
+    "@iconify-json/fluent": "^1.2.36",
     "@iconify-json/fluent-emoji": "1.2.7",
     "@iconify-json/ic": "^1.2.4",
     "@iconify-json/icon-park-outline": "^1.2.4",
     "@iconify-json/la": "^1.2.1",
-    "@iconify-json/lucide": "^1.2.73",
-    "@iconify-json/material-symbols-light": "^1.2.46",
+    "@iconify-json/lucide": "^1.2.79",
+    "@iconify-json/material-symbols-light": "^1.2.49",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify-json/noto-v1": "^1.2.5",
     "@iconify-json/octicon": "^1.2.19",
     "@iconify-json/ph": "^1.2.2",
-    "@iconify-json/simple-icons": "^1.2.59",
+    "@iconify-json/simple-icons": "^1.2.62",
     "@iconify-json/streamline": "^1.2.5",
     "@iconify-json/streamline-emojis": "^1.2.4",
     "@iconify-json/streamline-freehand-color": "^1.2.2",
     "@iconify-json/system-uicons": "^1.2.4",
     "@iconify-json/uil": "^1.2.3",
-    "@iconify-json/vscode-icons": "^1.2.35",
-    "@iconify/json": "^2.2.408",
+    "@iconify-json/vscode-icons": "^1.2.37",
+    "@iconify/json": "^2.2.416",
     "@iconify/vue": "^5.0.0",
     "@playform/compress": "^0.2.0",
     "@playform/inline": "^0.1.2",
-    "@unocss/astro": "66.5.7",
-    "@unocss/preset-attributify": "66.5.7",
-    "@unocss/preset-typography": "66.5.7",
-    "@unocss/preset-uno": "66.5.7",
-    "@unocss/preset-web-fonts": "66.5.7",
-    "@unocss/preset-wind": "66.5.7",
-    "@unocss/reset": "66.5.7",
-    "@vite-pwa/astro": "^1.1.1",
-    "@vueuse/core": "^14.0.0",
+    "@unocss/astro": "66.5.10",
+    "@unocss/preset-attributify": "66.5.10",
+    "@unocss/preset-typography": "66.5.10",
+    "@unocss/preset-uno": "66.5.10",
+    "@unocss/preset-web-fonts": "66.5.10",
+    "@unocss/preset-wind": "66.5.10",
+    "@unocss/reset": "66.5.10",
+    "@vite-pwa/astro": "^1.2.0",
+    "@vueuse/core": "^14.1.0",
     "astro-icon": "^1.1.5",
     "astro-meta-tags": "^0.4.0",
     "astro-navbar": "^2.4.0",
@@ -111,34 +111,34 @@
     "dotenv": "^17.2.3",
     "swiper": "^12.0.3",
     "tippy.js": "^6.3.7",
-    "unocss": "66.5.7",
-    "vite-plugin-pwa": "^1.1.0",
-    "vue": "^3.5.24"
+    "unocss": "66.5.10",
+    "vite-plugin-pwa": "^1.2.0",
+    "vue": "^3.5.25"
   },
   "devDependencies": {
-    "@commitlint/cli": "^20.1.0",
-    "@commitlint/config-conventional": "^20.0.0",
+    "@commitlint/cli": "^20.2.0",
+    "@commitlint/config-conventional": "^20.2.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@types/gtag.js": "^0.0.20",
-    "@types/node": "^24.10.1",
-    "@typescript-eslint/eslint-plugin": "^8.47.0",
-    "@typescript-eslint/parser": "^8.47.0",
-    "@unocss/transformer-variant-group": "66.5.7",
+    "@types/node": "^24.10.2",
+    "@typescript-eslint/eslint-plugin": "^8.49.0",
+    "@typescript-eslint/parser": "^8.49.0",
+    "@unocss/transformer-variant-group": "66.5.10",
     "@vitejs/plugin-vue": "^6.0.2",
-    "@vue/compiler-sfc": "^3.5.24",
+    "@vue/compiler-sfc": "^3.5.25",
     "@vue/eslint-config-typescript": "^14.6.0",
-    "astro": "^5.15.9",
+    "astro": "^5.16.4",
     "conventional-changelog-conventionalcommits": "^9.1.0",
     "eslint": "^9.39.1",
     "eslint-plugin-astro": "^1.5.0",
-    "eslint-plugin-vue": "^10.5.1",
+    "eslint-plugin-vue": "^10.6.2",
     "husky": "^9.1.7",
-    "prettier": "^3.6.2",
+    "prettier": "^3.7.4",
     "prettier-plugin-astro": "^0.14.1",
     "semantic-release": "^25.0.2",
     "unocss": "^0.65.0",
-    "vite": "^7.2.2"
+    "vite": "^7.2.7"
   },
   "packageManager": "pnpm@10.17.1",
   "pnpm": {

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

@@ -28,7 +28,7 @@ const heightClass = slim ? 'py-6 min-h-32' : 'py-8 h-56 sm:h-72 md:max-h-72';
   <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"
+        class="font-headlight text-7.5 sm:text-8 md:text-10 xl:text-12 mt-1 line-clamp-3 leading-tight"
         set:html={title}
       />
       {description && <div class="jumbotron-description mt-4" set:html={description} />}
@@ -36,3 +36,11 @@ const heightClass = slim ? 'py-6 min-h-32' : 'py-8 h-56 sm:h-72 md:max-h-72';
     </header>
   </div>
 </div>
+
+<style scoped>
+  .font-headlight {
+    b {
+      font-family: 'vw_headregular', sans-serif;
+    }
+  }
+</style>

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

@@ -142,3 +142,11 @@ const cleanTitle = stripHtml(title);
     </header>
   </div>
 </div>
+
+<style scoped>
+  .jumbotron-split-title {
+    b {
+      font-family: 'vw_headregular', sans-serif;
+    }
+  }
+</style>