spoko-design-system 0.2.5 → 0.2.7

package/.github/todo.yml

@@ -0,0 +1,3 @@
+              - name: todo-issue
+                uses: DerJuulsn/todo-issue@v1.1.4
+            

package/.github/workflows/deploy.yml

@@ -19,7 +19,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout your repository using git
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Install, build, and upload your site
         uses: withastro/action@v1
         with:
@@ -37,4 +37,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v1
+        uses: actions/deploy-pages@v4

package/dev-dist/sw.js

@@ -79,7 +79,7 @@ define(['./workbox-c676b6d3'], (function (workbox) { 'use strict';
    */
   workbox.precacheAndRoute([{
     "url": "/",
-    "revision": "0.4ahhr8qv03"
+    "revision": "0.l72um16i6s"
   }], {
     "directoryIndex": "index.html"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoko-design-system",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "private": false,
   "scripts": {
     "dev": "astro dev",
@@ -29,19 +29,19 @@
   "dependencies": {
     "@algolia/client-search": "^4.22.1",
     "@astrojs/mdx": "^2.1.1",
-    "@astrojs/node": "^7.0.4",
+    "@astrojs/node": "^8.2.0",
     "@astrojs/sitemap": "^3.0.5",
     "@astrojs/vue": "^4.0.8",
     "@docsearch/css": "^3.5.2",
     "@iconify-json/ant-design": "^1.1.15",
     "@iconify-json/bi": "^1.1.23",
     "@iconify-json/bx": "^1.1.10",
-    "@iconify-json/carbon": "^1.1.28",
+    "@iconify-json/carbon": "^1.1.30",
     "@iconify-json/circle-flags": "^1.1.46",
     "@iconify-json/el": "^1.1.8",
     "@iconify-json/eos-icons": "^1.1.10",
     "@iconify-json/flowbite": "^1.1.1",
-    "@iconify-json/fluent": "^1.1.47",
+    "@iconify-json/fluent": "^1.1.48",
     "@iconify-json/fluent-emoji": "1.1.18",
     "@iconify-json/icon-park-outline": "^1.1.15",
     "@iconify-json/la": "^1.1.8",
@@ -49,11 +49,11 @@
     "@iconify-json/noto-v1": "^1.1.11",
     "@iconify-json/octicon": "^1.1.52",
     "@iconify-json/ph": "^1.1.11",
-    "@iconify-json/simple-icons": "^1.1.90",
+    "@iconify-json/simple-icons": "^1.1.91",
     "@iconify-json/uil": "^1.1.8",
-    "@iconify/json": "^2.2.180",
+    "@iconify/json": "^2.2.182",
     "@iconify/vue": "^4.1.1",
-    "@types/node": "^20.11.16",
+    "@types/node": "^20.11.17",
     "@unocss/astro": "^0.58.5",
     "@unocss/preset-attributify": "^0.58.5",
     "@unocss/preset-typography": "^0.58.5",
@@ -63,31 +63,33 @@
     "@unocss/reset": "^0.58.5",
     "@vite-pwa/astro": "^0.2.0",
     "@vueuse/core": "^10.7.2",
-    "astro-compress": "^2.2.9",
+    "astro-compress": "^2.2.10",
     "astro-i18next": "1.0.0-beta.21",
     "astro-icon": "^1.1.0",
-    "astro-navbar": "^2.3.0",
+    "astro-navbar": "^2.3.1",
     "astro-pagefind": "^1.4.0",
     "i18next": "^23.8.2",
     "i18next-browser-languagedetector": "^7.2.0",
     "i18next-fs-backend": "^2.3.1",
     "i18next-http-backend": "^2.4.3",
-    "i18next-vue": "^3.0.0",
+    "i18next-vue": "^4.0.0",
     "sass": "^1.70.0",
     "swiper": "^11.0.6",
-    "unocss": "^0.57.7",
-    "vite": "^5.0.12",
-    "vue": "^3.4.15"
+    "unocss": "^0.58.5",
+    "vite": "^5.1.1",
+    "vue": "^3.4.19"
   },
   "devDependencies": {
     "@unocss/transformer-variant-group": "^0.58.5",
-    "astro": "^4.3.3",
+    "astro": "^4.3.6",
     "unocss": "^0.58.3"
   },
+  "packageManager": "pnpm@8.15.2",
   "pnpm": {
+    "default": "8.15.2",
     "overrides": {
       "file-type@>=17.0.0 <17.1.3": ">=17.1.3",
       "sharp@<0.30.5": ">=0.30.5"
     }
   }
-}
+}

package/renovate.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "config:recommended"
+  ]
+}

package/src/components/Jumbatron.vue

@@ -16,22 +16,15 @@ const props = defineProps({
 
 <template>
   <div class="relative flex bg-vw " :class="props.small ? 'md:min-h-xs' : 'md:min-h-md'">
-    <div class="max-w-7xl mx-auto my-auto">
-      <div class="py-8 lg:w-full"
-        :class="props.small ? 'sm:py-12 md:py-14 lg:py-16 xl:py-20' : 'sm:py-16 md:py-20 lg:py-28 xl:py-32'">
-        <header class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-          <div class="text-center">
-            <h1 class="text-3xl  tracking-tight font-headlight text-white sm:(text-4xl pt-0) md:text-5xl lg:text-6xl ">
-              <slot name="intro" />
-            </h1>
-            <slot name="subtitle" />
-            <div class="mt-5 sm:(mt-8 flex justify-center)" v-if="hasSlot('cta')">
-                <slot name="cta" />
-            </div>
-          </div>
-        </header>
-      </div>
-    </div>
+    <header class="max-w-7xl mx-auto my-auto py-8 lg:w-full px-6 lg:px-8 text-center"  :class="props.small ? 'sm:py-12 md:py-14 lg:py-16 xl:py-20' : 'sm:py-16 md:py-20 lg:py-28 xl:py-32'">
+        <h1 class="text-3xl  tracking-tight font-headlight text-white sm:(text-4xl pt-0) md:text-5xl lg:text-6xl ">
+          <slot name="intro" />
+        </h1>
+        <slot name="subtitle" />
+        <div class="mt-5 sm:(mt-8 flex justify-center)" v-if="hasSlot('cta')">
+            <slot name="cta" />
+        </div>
+      </header>
   </div>
 </template>
 <style lang="scss">

package/src/components/ProductDetailsList.vue

@@ -35,7 +35,7 @@ const props = defineProps({
   </table>
 </template>
 
-<style lang="scss">
+<style lang="scss" scoped>
   .details {
     @apply border-none shadow-none w-full md:w-auto
     box-shadow: none;

package/src/components/ProductNumber.astro

@@ -63,6 +63,13 @@ const niceName = (string: string, separator = "\u00A0") => {
       .replace(/(^\s+|\s+$)/, "");
   }
 
+  // remove single separator from the end of string:
+  let lastCharacter = word.split('').pop() || '';
+  
+  if (!Boolean(lastCharacter.match(/[a-zA-Z0-9]/))) {
+    word = word.slice(0, -1)
+  }
+
   return word.replace(" ", separator);
 };