spoko-design-system 0.8.1 → 0.8.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoko-design-system",
-  "version": "0.8.1",
+  "version": "0.8.3",
   "private": false,
   "main": "./index.ts",
   "module": "./index.ts",
@@ -57,30 +57,30 @@
     "@iconify-json/eos-icons": "^1.2.2",
     "@iconify-json/et": "^1.2.1",
     "@iconify-json/flowbite": "^1.2.5",
-    "@iconify-json/fluent": "^1.2.25",
+    "@iconify-json/fluent": "^1.2.26",
     "@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.27",
+    "@iconify-json/material-symbols-light": "^1.2.28",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify-json/noto-v1": "^1.2.2",
-    "@iconify-json/octicon": "^1.2.6",
+    "@iconify-json/octicon": "^1.2.7",
     "@iconify-json/ph": "^1.2.2",
-    "@iconify-json/simple-icons": "^1.2.39",
+    "@iconify-json/simple-icons": "^1.2.41",
     "@iconify-json/system-uicons": "^1.2.2",
     "@iconify-json/uil": "^1.2.3",
-    "@iconify/json": "^2.2.351",
+    "@iconify/json": "^2.2.354",
     "@iconify/vue": "^5.0.0",
     "@playform/compress": "^0.2.0",
     "@playform/inline": "^0.1.2",
-    "@unocss/astro": "66.2.3",
-    "@unocss/preset-attributify": "66.2.3",
-    "@unocss/preset-typography": "66.2.3",
-    "@unocss/preset-uno": "66.2.3",
-    "@unocss/preset-web-fonts": "66.2.3",
-    "@unocss/preset-wind": "66.2.3",
-    "@unocss/reset": "66.2.3",
+    "@unocss/astro": "66.3.2",
+    "@unocss/preset-attributify": "66.3.2",
+    "@unocss/preset-typography": "66.3.2",
+    "@unocss/preset-uno": "66.3.2",
+    "@unocss/preset-web-fonts": "66.3.2",
+    "@unocss/preset-wind": "66.3.2",
+    "@unocss/reset": "66.3.2",
     "@vite-pwa/astro": "^1.1.0",
     "@vueuse/core": "^13.4.0",
     "astro-i18next": "1.0.0-beta.21",
@@ -89,25 +89,25 @@
     "astro-navbar": "^2.4.0",
     "astro-pagefind": "^1.8.3",
     "astro-remote": "^0.3.4",
-    "dotenv": "^16.5.0",
-    "i18next": "^25.2.1",
+    "dotenv": "^17.0.0",
+    "i18next": "^25.3.0",
     "i18next-browser-languagedetector": "^8.2.0",
     "i18next-fs-backend": "^2.6.0",
     "i18next-http-backend": "^3.0.2",
     "i18next-vue": "^5.3.0",
-    "swiper": "^11.2.8",
-    "unocss": "66.2.3",
+    "swiper": "^11.2.10",
+    "unocss": "66.3.2",
     "vue": "^3.5.17"
   },
   "devDependencies": {
     "@types/gtag.js": "^0.0.20",
-    "@types/node": "^24.0.3",
-    "@unocss/transformer-variant-group": "66.2.3",
-    "@vitejs/plugin-vue": "^5.2.4",
+    "@types/node": "^24.0.8",
+    "@unocss/transformer-variant-group": "66.3.2",
+    "@vitejs/plugin-vue": "^6.0.0",
     "@vue/compiler-sfc": "^3.5.17",
     "astro": "^5.10.1",
     "unocss": "^0.65.0",
-    "vite": "^6.3.5"
+    "vite": "^7.0.0"
   },
   "packageManager": "pnpm@9.15.3",
   "pnpm": {

package/src/components/ProductDetailsList.vue

@@ -158,8 +158,8 @@ const groupedItems = computed(() => {
         <td v-else-if="'id' in row && isColorArray(row)" class="details-table-cell">
         <ul>
           <li v-for="(colorItem, colorIndex) in (row.value as ColorCode[])" :key="colorIndex" 
-               class="flex items-center gap-2 mb-1 last:mb-0">
-            <code class="bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded text-sm font-mono font-semibold">
+               class="flex items-center gap-1 mb-1 last:mb-0">
+            <code>
               {{ colorItem.code }}
             </code>
             <span class="text-gray-400">-</span>

package/src/pages/index.astro

@@ -91,10 +91,10 @@ const navItems = [
       <div>
         <Headline underline as="div" class="mx-auto text-gray-900" textSize="3xl">Download:</Headline>
         <div class="grid grid-flow-col gap-4 auto-cols-max text-6xl mb-12">
-          <a href="https://www.npmjs.com/package/spoko-design-system" rel="noopener" title="npm page" class="hover:text-accent-lightest">
+          <a href="https://www.npmjs.com/package/spoko-design-system" rel="noopener" title="npm page" class="hover:text-accent-light">
             <Icon name="mdi:npm"/>
           </a>
-          <a href="https://github.com/polo-blue/sds" rel="noopener" title="Github Page" class="hover:text-accent-lightest">
+          <a href="https://github.com/polo-blue/sds" rel="noopener" title="Github Page" class="hover:text-accent-light">
             <Icon name="mdi:github"/>
           </a>
         </div>

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

@@ -109,7 +109,7 @@ export const componentShortcuts = [
   ['breadcrumb-back-btn', 'flex items-center px-3 sm:px-0 py-4.25 sm:py-1 hover:text-accent-light whitespace-nowrap my-auto'],
 
   // PostCategories
-  ['category-link-base', 'text-sm sm:text-base text-accent-lightest uppercase hover:text-blue-500 transition-colors'],
+  ['category-link-base', 'text-sm sm:text-base text-accent-light uppercase hover:text-blue-500 transition-colors'],
   ['category-link-active', 'text-blue-500'],
 
   // Details table

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

@@ -121,7 +121,7 @@ export const TYPOGRAPHY = {
 export const PRODUCT_STYLES = {
   thumb: {
     base: 'h-full w-full object-cover object-center transform scale-100 group-hover:scale-110 absolute inset-0 will-change-transform bg-neutral-lightest',
-    container: `${aspectRatios['4/3']} ${LAYOUT.flex.alignCenter} mb-3 sm:mb-0 ${IMAGE_STYLES.overlay}`,
+    container: `${aspectRatios['4/3']} ${LAYOUT.flex.alignCenter} mb-3 sm:mb-auto ${IMAGE_STYLES.overlay}`,
   },
   link: {
     base: 'relative flex w-full bg-white after:(absolute bg-accent-light w-[calc(100%-1rem)] left-0 h-px top-[calc(100%-1px)] bottom-1 content-empty scale-x-0 transition-transform-300 origin-top-right) hover:after:(origin-top-left scale-x-100)',