spoko-design-system 1.1.3 → 1.1.5

package/.claude/settings.local.json

@@ -16,7 +16,8 @@
       "Bash(git commit:*)",
       "Bash(git push:*)",
       "Bash(pnpm run:*)",
-      "Bash(git stash:*)"
+      "Bash(git stash:*)",
+      "Bash(git pull:*)"
     ],
     "deny": [],
     "ask": []

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [1.1.5](https://github.com/polo-blue/sds/compare/v1.1.4...v1.1.5) (2025-09-23)
+
+### Bug Fixes
+
+* resolve additional ESLint warnings and improve type safety ([87ab770](https://github.com/polo-blue/sds/commit/87ab770b0c2e6c33a5936ec693b59e859481857e))
+
+## [1.1.4](https://github.com/polo-blue/sds/compare/v1.1.3...v1.1.4) (2025-09-23)
+
+### Bug Fixes
+
+* remove unused variables and improve TypeScript types ([db637f6](https://github.com/polo-blue/sds/commit/db637f6829bb2a23342a35d8041e803d4c9ad9c4))
+
 ## [1.1.3](https://github.com/polo-blue/sds/compare/v1.1.2...v1.1.3) (2025-09-23)
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoko-design-system",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "private": false,
   "main": "./index.ts",
   "module": "./index.ts",

package/src/components/Card.astro

@@ -1,5 +1,5 @@
 ---
-const { class: className, imgSrc, imgAlt, href } = Astro.props;
+const { imgSrc, imgAlt, href } = Astro.props;
 
 import Image from '../components/Image.astro';
 ---

package/src/components/Category/CategoriesCarousel.astro

@@ -1,5 +1,5 @@
 ---
-const { activeCategorySlug, locale, class: className } = Astro.props;
+const { activeCategorySlug, class: className } = Astro.props;
 
 import { getTranslatedLink } from '@utils/text/getTranslatedLink';
 import { getMainCategoryList } from '@utils/category/getMainCategoryList';
@@ -39,7 +39,7 @@ const activeIndex =
   run-callbacks-on-init="false"
 >
   {
-    categories.map((category, index) => (
+    categories.map((category) => (
       <swiper-slide
         itemprop="hasPart"
         role="presentation"

package/src/components/Category/CategoryDetails.astro

@@ -3,16 +3,8 @@ import CategorySidebarToggler from './CategorySidebarToggler.vue';
 import CategoryViewToggler from './CategoryViewToggler.astro';
 import { Icon } from 'astro-icon/components';
 
-const {
-  category,
-  subcategory,
-  subtitle,
-  subsubtitle,
-  titleSmall,
-  locale,
-  showViewToggler,
-  viewerLabels,
-} = Astro.props;
+const { category, subcategory, subtitle, subsubtitle, titleSmall, showViewToggler, viewerLabels } =
+  Astro.props;
 
 const baseURL = '';
 ---

package/src/components/LeftSidebar.astro

@@ -44,7 +44,7 @@ const getLinkClasses = link => {
 </Astronav>
 
 <script is:inline>
-  window.addEventListener('DOMContentLoaded', event => {
+  window.addEventListener('DOMContentLoaded', () => {
     var target = document.querySelector('[aria-current="page"]');
     if (target && target.offsetTop > window.innerHeight - 100) {
       document.querySelector('.nav-groups').scrollTop = target.offsetTop;

package/src/components/Product/ProductCarousel.astro

@@ -2,7 +2,7 @@
 import ProductLink from './ProductLink.astro';
 
 // Get the product directly from the prop on render
-const { locale, class: className, products, isShopProduct = false, ...rest } = Astro.props;
+const { locale, products, isShopProduct = false } = Astro.props;
 ---
 
 {

package/src/components/Product/ProductNumber.astro

@@ -4,7 +4,6 @@ import useFormatProductNumber from '../../utils/product/useFormatProductNumber';
 
 const {
   productNumber,
-  copyDisabled = false,
   isPdp = false,
   small = false,
   big = false,

package/src/components/ProductTile.astro

@@ -1,5 +1,5 @@
 ---
-const { productObject, locale, index } = Astro.props;
+const { productObject, index } = Astro.props;
 import Image from './Image.astro';
 import ProductNumber from './Product/ProductNumber.astro';
 ---

package/src/components/layout/Header.astro

@@ -32,7 +32,7 @@ const navItemsLeft = [
     <div class="hidden sm:block sm:ml-6">
       <div class="flex space-x-4" itemprop="hasPart">
         {
-          navItemsLeft.map(({ title, description, url, img }) => (
+          navItemsLeft.map(({ title, description, url }) => (
             <a
               href={url}
               class="text-gray-400 hover:bg-blue-darker hover:text-white px-3 py-1 rounded-full text-sm font-medium"

package/src/pages/components/icons.astro

@@ -6,12 +6,6 @@ import { iconConfig } from '../../../icon.config';
 const iconifyUrl = 'https://icon-sets.iconify.design/';
 const ICONS = iconConfig.include;
 
-type IconGroup = {
-  name: string;
-  icons: string[];
-  url: string;
-};
-
 const sortedIconCollections = Object.entries(ICONS)
   .sort(([a], [b]) => a.localeCompare(b))
   .map(([name, icons]) => ({

package/src/pages/index.astro

@@ -6,7 +6,6 @@ import Layout from '../layouts/Layout.astro';
 import Headline from '../components/Headline.vue';
 import Button from '../components/Button.vue';
 import Quote from '../components/Quote.vue';
-import FeaturesList from '../components/FeaturesList.vue';
 
 const navItems = [
   {

package/src/pwa.ts

@@ -3,11 +3,11 @@ import { registerSW } from 'virtual:pwa-register';
 registerSW({
   immediate: true,
   onRegisteredSW(swScriptUrl) {
-    // eslint-disable-next-line no-console
+    // eslint-disable-next-line no-undef
     console.log('SW registered: ', swScriptUrl);
   },
   onOfflineReady() {
-    // eslint-disable-next-line no-console
+    // eslint-disable-next-line no-undef
     console.log('PWA application ready to work offline');
   },
 });

package/src/types/index.ts

@@ -79,9 +79,9 @@ export interface Replacement {
 }
 
 export interface Color {
-  id: Number;
-  slug: String;
-  name?: String;
+  id: number;
+  slug: string;
+  name?: string;
 }
 
 export interface DetailList {
@@ -189,27 +189,27 @@ export interface Product2FullSearch {
 }
 
 export interface Link {
-  path: String;
-  name: String;
+  path: string;
+  name: string;
 }
 export interface EngineType {
-  id: Number;
-  type: String;
+  id: number;
+  type: string;
 }
 
 export interface Model {
-  id: Number;
-  slug: String;
-  sort: Number;
-  name: String;
+  id: number;
+  slug: string;
+  sort: number;
+  name: string;
 }
 
 export interface Material {
-  id: Number;
-  name: String;
-  slug: String;
-  sort: Number | null;
-  value?: String | null;
+  id: number;
+  name: string;
+  slug: string;
+  sort: number | null;
+  value?: string | null;
 }
 
 export interface ProductImage {

package/src/utils/category/getMainCategoryList.ts

@@ -4,7 +4,7 @@ import { getApiCategories } from '@utils/api/getCategories';
 import { getSortedCategories } from '@utils/category/getSortedCategories';
 
 // Retrieve main categories:
-export const getMainCategoryList = async (locale: string = 'en'): Promise<CatObject[]> => {
+export const getMainCategoryList = async (): Promise<CatObject[]> => {
   // Fetch categories from API
   const categories = await getApiCategories();
 

package/src/utils/product/getPriceFormatted.ts

@@ -1,4 +1,9 @@
-export const getPriceFormatted = (product: any) => {
+interface Product {
+  price_eur?: number;
+  price_pln?: number;
+}
+
+export const getPriceFormatted = (product: Product) => {
   // Default to EUR formatting for English-only design system
   if (product.price_eur) {
     return new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(