spoko-design-system 0.6.5 → 0.6.7

package/.astro/data-store.json

@@ -1 +1 @@
-[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.3.1","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://sds.spoko.space/\",\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":1234,\"streaming\":true},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[\"placehold.co\",\"api.polo.blue\",\"polo.blue\",\"media.istockphoto.com\",\"freepik.com\",\"img.freepik.com\",\"polo6r.pl\"],\"remotePatterns\":[]},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":\"shiki\",\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"responsiveImages\":false,\"serializeConfig\":false},\"legacy\":{\"collections\":false}}"]
+[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.5.5","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://sds.spoko.space/\",\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":1234,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[\"placehold.co\",\"api.polo.blue\",\"polo.blue\",\"media.istockphoto.com\",\"freepik.com\",\"img.freepik.com\",\"polo6r.pl\"],\"remotePatterns\":[]},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"responsiveImages\":false,\"serializeConfig\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false},\"legacy\":{\"collections\":false}}"]

package/.astro/settings.json

@@ -1,5 +1,5 @@
 {
 	"_variables": {
-		"lastUpdateCheck": 1739874307323
+		"lastUpdateCheck": 1743420319526
 	}
 }

package/icon.config.ts

@@ -30,7 +30,8 @@ export const iconCollections = [
   'ph',
   'simple-icons',
   'system-uicons',
-  'uil'
+  'uil',
+  'lucide',
 ] as const;
 
 export type IconCollectionName = typeof iconCollections[number];
@@ -198,6 +199,15 @@ export const iconConfig: IconConfig = {
       "tag-alt"
     ],
 
+    lucide: [
+      "info",
+      "car",
+      "car-front",
+      "book-text",
+      "qr-code",
+      "scan-qr-code"
+    ],
+
     "simple-icons": [
       "ebay",
       "allegro",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoko-design-system",
-  "version": "0.6.5",
+  "version": "0.6.7",
   "private": false,
   "main": "./index.ts",
   "module": "./index.ts",
@@ -40,12 +40,12 @@
     "spoko design system"
   ],
   "dependencies": {
-    "@algolia/client-search": "^5.21.0",
-    "@astrojs/mdx": "^4.2.1",
+    "@algolia/client-search": "^5.23.0",
+    "@astrojs/mdx": "^4.2.2",
     "@astrojs/node": "^9.1.3",
     "@astrojs/sitemap": "^3.3.0",
     "@astrojs/ts-plugin": "^1.10.4",
-    "@astrojs/vue": "^5.0.7",
+    "@astrojs/vue": "^5.0.8",
     "@docsearch/css": "^3.9.0",
     "@iconify-json/ant-design": "^1.2.5",
     "@iconify-json/bi": "^1.2.2",
@@ -56,39 +56,39 @@
     "@iconify-json/el": "^1.2.1",
     "@iconify-json/eos-icons": "^1.2.2",
     "@iconify-json/et": "^1.2.1",
-    "@iconify-json/flowbite": "^1.2.4",
-    "@iconify-json/fluent": "^1.2.16",
+    "@iconify-json/flowbite": "^1.2.5",
+    "@iconify-json/fluent": "^1.2.17",
     "@iconify-json/fluent-emoji": "1.2.3",
     "@iconify-json/ic": "^1.2.2",
     "@iconify-json/icon-park-outline": "^1.2.2",
     "@iconify-json/la": "^1.2.1",
-    "@iconify-json/material-symbols-light": "^1.2.16",
+    "@iconify-json/material-symbols-light": "^1.2.17",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify-json/noto-v1": "^1.2.2",
     "@iconify-json/octicon": "^1.2.5",
     "@iconify-json/ph": "^1.2.2",
-    "@iconify-json/simple-icons": "^1.2.29",
+    "@iconify-json/simple-icons": "^1.2.30",
     "@iconify-json/system-uicons": "^1.2.2",
     "@iconify-json/uil": "^1.2.3",
-    "@iconify/json": "^2.2.318",
+    "@iconify/json": "^2.2.322",
     "@iconify/vue": "^4.3.0",
-    "@playform/compress": "^0.1.7",
-    "@playform/inline": "^0.1.1",
-    "@unocss/astro": "66.1.0-beta.6",
-    "@unocss/preset-attributify": "66.1.0-beta.6",
-    "@unocss/preset-typography": "66.1.0-beta.6",
-    "@unocss/preset-uno": "66.1.0-beta.6",
-    "@unocss/preset-web-fonts": "66.1.0-beta.6",
-    "@unocss/preset-wind": "66.1.0-beta.6",
-    "@unocss/reset": "66.1.0-beta.6",
-    "@vite-pwa/astro": "^0.5.0",
+    "@playform/compress": "^0.1.8",
+    "@playform/inline": "^0.1.2",
+    "@unocss/astro": "66.1.0-beta.8",
+    "@unocss/preset-attributify": "66.1.0-beta.8",
+    "@unocss/preset-typography": "66.1.0-beta.8",
+    "@unocss/preset-uno": "66.1.0-beta.8",
+    "@unocss/preset-web-fonts": "66.1.0-beta.8",
+    "@unocss/preset-wind": "66.1.0-beta.8",
+    "@unocss/reset": "66.1.0-beta.8",
+    "@vite-pwa/astro": "^1.0.0",
     "@vueuse/core": "^13.0.0",
     "astro-i18next": "1.0.0-beta.21",
     "astro-icon": "^1.1.5",
     "astro-meta-tags": "^0.3.1",
     "astro-navbar": "^2.3.9",
     "astro-pagefind": "^1.8.3",
-    "astro-remote": "^0.3.3",
+    "astro-remote": "^0.3.4",
     "dotenv": "^16.4.7",
     "i18next": "^24.2.3",
     "i18next-browser-languagedetector": "^8.0.4",
@@ -96,18 +96,18 @@
     "i18next-http-backend": "^3.0.2",
     "i18next-vue": "^5.2.0",
     "swiper": "^11.2.6",
-    "unocss": "66.1.0-beta.6",
+    "unocss": "66.1.0-beta.8",
     "vue": "^3.5.13"
   },
   "devDependencies": {
     "@types/gtag.js": "^0.0.20",
-    "@types/node": "^22.13.10",
-    "@unocss/transformer-variant-group": "66.1.0-beta.6",
+    "@types/node": "^22.13.14",
+    "@unocss/transformer-variant-group": "66.1.0-beta.8",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/compiler-sfc": "^3.5.13",
-    "astro": "^5.5.3",
+    "astro": "^5.5.5",
     "unocss": "^0.65.0",
-    "vite": "^6.2.2"
+    "vite": "^6.2.4"
   },
   "packageManager": "pnpm@9.15.3",
   "pnpm": {

package/src/components/Jumbotron/index.astro

@@ -16,6 +16,7 @@ interface Props {
   author?: Author;
   categories?: Category[];
   backgroundClass?: string;
+  lang?: string;
 }
 
 const {
@@ -28,7 +29,8 @@ const {
   date,
   author,
   categories = [],
-  backgroundClass = 'bg-blue-darker'
+  backgroundClass = 'bg-blue-darker',
+  lang = 'en'
 } = Astro.props;
 
 // Helper (function to check if a slot has content)
@@ -56,6 +58,7 @@ const commonProps = {
   hasMetadata,
   hasCategories,
   backgroundClass,
+  lang,
 };
 ---
 

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

@@ -12,6 +12,7 @@ interface Props {
   categories?: Category[];
   hasMetadata: boolean;
   hasCategories: boolean;
+  lang?: string;
 }
 
 const {
@@ -22,6 +23,7 @@ const {
   categories = [],
   hasMetadata,
   hasCategories,
+  lang = 'en'
 } = Astro.props;
 ---
 
@@ -34,7 +36,7 @@ const {
       
       {hasCategories && (
         <div class="order-1">
-          <PostCategories categories={categories} />
+          <PostCategories categories={categories} lang={lang} />
         </div>
       )}
 

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

@@ -12,6 +12,7 @@ interface Props {
   categories?: Category[];
   hasMetadata: boolean;
   hasCategories: boolean;
+  lang: string;
 }
 
 const {
@@ -22,6 +23,7 @@ const {
   categories = [],
   hasMetadata,
   hasCategories,
+  lang='en'
 } = Astro.props;
 
 // Helper function to remove HTML tags
@@ -42,7 +44,7 @@ const cleanTitle = stripHtml(title);
           
           {hasCategories && (
             <div class="jumbotron-categories">
-              <PostCategories categories={categories} />
+              <PostCategories categories={categories} lang={lang} />
             </div>
           )}
 

package/src/components/Post/PostCategories.astro

@@ -11,9 +11,13 @@ interface Category {
 
 interface Props {
   categories: Category[];
+  lang?: string;
 }
 
-const { categories } = Astro.props;
+const { categories, lang = 'en' } = Astro.props;
+
+// Determine the category label based on language
+const categoryLabel = lang === 'pl' ? 'Kategoria' : 'Category';
 ---
 
 <div class="text-brand-secondary uppercase text-base z-3 relative w-full">
@@ -25,8 +29,8 @@ const { categories } = Astro.props;
               <span class="w-px h-2.5 bg-gray-300 mx-2.5 inline-block relative" />
             )}
             <a
-              class="term-link text-sm sm:text-base hover:text-light-blue-400
-"
+              class="term-link text-sm sm:text-base hover:text-light-blue-400"
+              data-pagefind-filter={`${categoryLabel}:${category.name}`}
               href={category.link}
             >
               {category.name}

package/src/components/PostHeader.astro

@@ -16,7 +16,7 @@ interface Props {
   }[];
 }
 
-const { image, title, categories, date, author } = Astro.props;
+const { image, title, categories, date, author, lang } = Astro.props;
 import PostCategories from "./Post/PostCategories.astro";
 import Date from "./Date.astro";
 ---
@@ -33,7 +33,7 @@ import Date from "./Date.astro";
       >
         {title}
       </h1>
-      <PostCategories categories={categories} />
+      <PostCategories categories={categories} lang={lang} />
       <div class="order-3 flex items-center text-gray-1 00">
         {
           author && (

package/src/pages/components/post-header.mdx

@@ -18,6 +18,7 @@ WordPress PostHeader - post top component for WordPress Single Post template dat
   <div class="relative w-full">
     <PostHeader
       author={author}
+      lang="en"
       categories={categories}
       title="Lorem Ipsum"
       date={date}
@@ -30,6 +31,7 @@ WordPress PostHeader - post top component for WordPress Single Post template dat
   <div class="relative">
     <PostHeader
       author={ { firstName: 'Szymon', name: 'CNK' }  }
+      lang="en"
       categories={  [{"name":"Tools & garage accessories","uri":"/category/garage/tools-garage-accessories/"}, , {"name":"Lorem Ipsum","uri":"#"}] }
             title="Lorem Ipsum"
       date="2023-07-13T01:35:03"
@@ -45,6 +47,7 @@ WordPress PostHeader - post top component for WordPress Single Post template dat
   <div class="relative w-full">
     <PostHeader
       title="Lorem Ipsum"
+      lang="en"
       image="https://img.freepik.com/free-photo/painting-mountain-lake-with-mountain-background_188544-9126.jpg?w=1380&t=st=1706297408~exp=1706298008~hmac=34fe549db6a665d24269d38a8ecdd7eb3f82cfea6346c8a4039ee3c03b62aad8"
     />
   </div>
@@ -54,6 +57,7 @@ WordPress PostHeader - post top component for WordPress Single Post template dat
   <div class="relative">
     <PostHeader
       title="Lorem Ipsum"
+      lang="en"
       image="https://img.freepik.com/free-photo/painting-mountain-lake-with-mountain-background_188544-9126.jpg?w=1380&t=st=1706297408~exp=1706298008~hmac=34fe549db6a665d24269d38a8ecdd7eb3f82cfea6346c8a4039ee3c03b62aad8"
     />
   </div>

package/src/pages/index.astro

@@ -116,6 +116,9 @@ const navItems = [
         <li class="leading-5 me-6 mb-4 lg:mb-0">
           <a href="https://sale.polo.blue/" class="example-link" target="_blank">sale.polo.blue</a>
         </li>
+        <li class="leading-5 me-6 mb-4 lg:mb-0">
+          <a href="https://polo6r.pl" class="example-link" target="_blank">polo6r.pl</a>
+        </li>
       </ul>
      </div>