spoko-design-system 1.4.0 → 1.4.2

package/.github/workflows/code-quality.yml

@@ -1,4 +1,4 @@
-name: Code Quality
+name: Code Quality & Analysis
 
 on:
   push:
@@ -36,4 +36,37 @@ jobs:
         run: pnpm run lint
 
       - name: Type check
-        run: pnpm run check
+        run: pnpm run check
+
+  sonarcloud:
+    name: SonarCloud Analysis
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v5
+        with:
+          fetch-depth: 0  # Shallow clones should be disabled for better analysis
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10.17.1
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v5
+        with:
+          node-version: '22'
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build project
+        run: pnpm run build
+
+      - name: SonarCloud Scan
+        uses: SonarSource/sonarcloud-github-action@master
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}  # Needed to get PR information, if any
+          SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.4.2](https://github.com/polo-blue/sds/compare/v1.4.1...v1.4.2) (2025-10-25)
+
+### Bug Fixes
+
+* resolve UnoCSS icon loading errors and add missing icons ([b5cb48f](https://github.com/polo-blue/sds/commit/b5cb48f06c03b616adce28efb36438411038574b))
+
+## [1.4.1](https://github.com/polo-blue/sds/compare/v1.4.0...v1.4.1) (2025-10-20)
+
 ## [1.4.0](https://github.com/polo-blue/sds/compare/v1.3.7...v1.4.0) (2025-10-20)
 
 ### Features

package/icon.config.ts

@@ -125,7 +125,10 @@ export const iconConfig: IconConfig = {
       "car",
       "credit-card",
       "barcode",
-      "qr"
+      "qr",
+      "left-arrow-alt",
+      "right-arrow-alt",
+      "arrow-back"
     ],
 
     carbon: [
@@ -248,6 +251,8 @@ export const iconConfig: IconConfig = {
       "messenger",
       "instagram",
       "telegram",
+      "youtube",
+      "vimeo",
       "carrd"
     ],
 

package/package.json

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

package/uno-config/index.ts

@@ -156,6 +156,12 @@ export function createSdsConfig(customConfig: CustomConfig = {}) {
       'origin-top-left',
       'transform-gpu',
 
+      // Dynamic icons from ProductDetailsList component
+      'i-lucide-book-text',
+      'i-lucide-link',
+      'i-simple-icons-youtube',
+      'i-simple-icons-vimeo',
+
       // All peer selectors from the list (needed for floating labels)
       ...peerSelectorClasses,
     ],
@@ -172,7 +178,8 @@ export function createSdsConfig(customConfig: CustomConfig = {}) {
           while ((match = classRegex.exec(code)) !== null) {
             match[1].split(/\s+/).forEach(cls => {
               // Only add classes that don't look like malformed icon names
-              if (cls && !cls.match(/^(lucide|simple-icons)-\w+-[A-Z]/) && !cls.includes('Grouping')) {
+              // Filter out patterns like i-lucide-link-Validate, i-simple-icons-youtube-case, etc.
+              if (cls && !cls.match(/^i-(lucide|simple-icons|mdi|ant-design|bi|bx|carbon|el|eos-icons|fluent|flowbite|la|octicon|uil|icon-park-outline|ph|ic|material-symbols-light|et|system-uicons|vscode-icons|streamline-freehand-color)-\w+-(case|return|if|const|Validate|items|validatedItems|Grouping|function|switch|default)/i) && !cls.includes('Grouping')) {
                 result.add(cls);
               }
             });
@@ -183,7 +190,7 @@ export function createSdsConfig(customConfig: CustomConfig = {}) {
             const dynamicClassRegex = /class:\w+\s*=\s*["'`]([^"'`]+)["'`]/g;
             while ((match = dynamicClassRegex.exec(code)) !== null) {
               match[1].split(/\s+/).forEach(cls => {
-                if (cls && !cls.match(/^(lucide|simple-icons)-\w+-[A-Z]/) && !cls.includes('Grouping')) {
+                if (cls && !cls.match(/^i-(lucide|simple-icons|mdi|ant-design|bi|bx|carbon|el|eos-icons|fluent|flowbite|la|octicon|uil|icon-park-outline|ph|ic|material-symbols-light|et|system-uicons|vscode-icons|streamline-freehand-color)-\w+-(case|return|if|const|Validate|items|validatedItems|Grouping|function|switch|default)/i) && !cls.includes('Grouping')) {
                   result.add(cls);
                 }
               });

package/.github/workflows/sonarcloud.yml

@@ -1,39 +0,0 @@
-name: SonarCloud Analysis
-
-on:
-  push:
-    branches: [ main ]
-  pull_request:
-    branches: [ main ]
-
-jobs:
-  sonarcloud:
-    name: SonarCloud
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v5
-        with:
-          fetch-depth: 0  # Shallow clones should be disabled for better analysis
-
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v4
-        with:
-          version: 10.17.1
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v5
-        with:
-          node-version: '22'
-          cache: 'pnpm'
-
-      - name: Install dependencies
-        run: pnpm install --frozen-lockfile
-
-      - name: Build project
-        run: pnpm run build
-
-      - name: SonarCloud Scan
-        uses: SonarSource/sonarcloud-github-action@master
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}  # Needed to get PR information, if any
-          SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}