spoko-design-system 0.2.99 → 0.3.0

package/icon.config.ts

@@ -1,26 +1,4 @@
 // icon.config.ts
-import type { IconCollectionJSON } from '@iconify/types'
-
-// Import specific icon collections
-import antDesignIcons from '@iconify-json/ant-design/icons.json'
-import biIcons from '@iconify-json/bi/icons.json'
-import bxIcons from '@iconify-json/bx/icons.json'
-import carbonIcons from '@iconify-json/carbon/icons.json'
-import elIcons from '@iconify-json/el/icons.json'
-import eosIcons from '@iconify-json/eos-icons/icons.json'
-import fluentIcons from '@iconify-json/fluent/icons.json'
-import fluentEmojiIcons from '@iconify-json/fluent-emoji/icons.json'
-import laIcons from '@iconify-json/la/icons.json'
-import octiconIcons from '@iconify-json/octicon/icons.json'
-import uilIcons from '@iconify-json/uil/icons.json'
-import simpleIcons from '@iconify-json/simple-icons/icons.json'
-import iconParkOutlineIcons from '@iconify-json/icon-park-outline/icons.json'
-import flowbiteIcons from '@iconify-json/flowbite/icons.json'
-import phIcons from '@iconify-json/ph/icons.json'
-import icIcons from '@iconify-json/ic/icons.json'
-import materialSymbolsLightIcons from '@iconify-json/material-symbols-light/icons.json'
-import etIcons from '@iconify-json/et/icons.json'
-import systemUiconsIcons from '@iconify-json/system-uicons/icons.json'
 
 interface IconConfig {
   include: {
@@ -28,28 +6,34 @@ interface IconConfig {
   }
 }
 
-// Mapping of collection names to their full icon sets
-const iconCollections: { [key: string]: IconCollectionJSON } = {
-  'ant-design': antDesignIcons,
-  'bi': biIcons,
-  'bx': bxIcons,
-  'carbon': carbonIcons,
-  'el': elIcons,
-  'eos-icons': eosIcons,
-  'fluent': fluentIcons,
-  'fluent-emoji': fluentEmojiIcons,
-  'la': laIcons,
-  'octicon': octiconIcons,
-  'uil': uilIcons,
-  'simple-icons': simpleIcons,
-  'icon-park-outline': iconParkOutlineIcons,
-  'flowbite': flowbiteIcons,
-  'ph': phIcons,
-  'ic': icIcons,
-  'material-symbols-light': materialSymbolsLightIcons,
-  'et': etIcons,
-  'system-uicons': systemUiconsIcons
-}
+// Lista wszystkich wspieranych kolekcji
+export const iconCollections = [
+  'ant-design',
+  'bi',
+  'bx',
+  'carbon',
+  'circle-flags',
+  'ei',
+  'el',
+  'eos-icons',
+  'et',
+  'flowbite',
+  'fluent',
+  'fluent-emoji',
+  'ic',
+  'icon-park-outline',
+  'la',
+  'material-symbols-light',
+  'mdi',
+  'noto-v1',
+  'octicon',
+  'ph',
+  'simple-icons',
+  'system-uicons',
+  'uil'
+] as const;
+
+export type IconCollectionName = typeof iconCollections[number];
 
 export const iconConfig: IconConfig = {
   include: {
@@ -96,6 +80,7 @@ export const iconConfig: IconConfig = {
       "hazard-lights",
       "credit-card-outline"
     ],
+
     "ant-design": [
       "menu-fold-outlined",
       "menu-unfold-outlined",
@@ -108,36 +93,182 @@ export const iconConfig: IconConfig = {
       "home-outlined",
       "close-outlined"
     ],
-    // ... reszta konfiguracji ikon tak jak w oryginalnym pliku
-  }
-}
 
-// Helper functions
-export function getIconCollection(name: keyof typeof iconCollections) {
-  return iconCollections[name]
-}
+    bi: [
+      "envelope-open",
+      "credit-card",
+      "qr-code",
+      "list-check",
+      "list-task",
+      "text-indent-left",
+      "text-indent-right",
+      "tag",
+      "tags",
+      "x",
+      "graph-up"
+    ],
+
+    bx: [
+      "arrow-back",
+      "check",
+      "detail",
+      "file",
+      "car",
+      "credit-card",
+      "barcode",
+      "qr"
+    ],
+
+    carbon: [
+      "language",
+      "checkmark",
+      "home",
+      "dicom-overlay"
+    ],
+
+    el: [
+      "star-empty",
+      "star",
+      "heart-empty",
+      "heart",
+      "map-marker",
+      "fire",
+      "quote-right",
+      "qrcode",
+      "car",
+      "indent-left",
+      "indent-right",
+      "ok"
+    ],
+
+    'eos-icons': [
+      "three-dots-loading",
+      "bubble-loading",
+      "loading",
+      "installing"
+    ],
+
+    fluent: [
+      "share-android-24-regular",
+      "checkmark-24-filled",
+      "tag-24-regular",
+      "tag-multiple-24-regular"
+    ],
+
+    "fluent-emoji": [
+      "cookie",
+      "construction",
+      "warning",
+      "wrench"
+    ],
+
+    la: [
+      "arrow-right",
+      "arrow-left",
+      "car",
+      "car-side"
+    ],
 
-export function hasIcon(collectionName: keyof typeof iconCollections, iconName: string): boolean {
-  const collection = iconCollections[collectionName]
-  if (!collection) return false
-  
-  // Check if the icon is in the include list
-  const includeList = iconConfig.include[collectionName]
-  if (includeList && !includeList.includes(iconName)) {
-    return false
+    octicon: [
+      "chevron-left-24",
+      "x-24",
+      "alert-24",
+      "graph-24",
+      "comment-24",
+      "comment-discussion-24",
+      "clock-24",
+      "star-24",
+      "star-fill-24",
+      "file-media-24",
+      "heart-24",
+      "heart-fill-24",
+      "project-roadmap-24",
+      "location-24",
+      "info-24",
+      "mark-github-16"
+    ],
+
+    uil: [
+      "map-marker",
+      "envelope",
+      "phone",
+      "tag-alt"
+    ],
+
+    "simple-icons": [
+      "ebay",
+      "allegro",
+      "volkswagen",
+      "audi",
+      "skoda",
+      "seat",
+      "whatsapp",
+      "x",
+      "facebook",
+      "messenger",
+      "instagram",
+      "telegram",
+      "carrd"
+    ],
+
+    "icon-park-outline": [
+      "shopping-bag",
+      "comment",
+      "comments",
+      "tag-one"
+    ],
+
+    flowbite: [
+      "arrow-left-outline",
+      "arrow-right-outline",
+      "angle-left-outline",
+      "angle-right-outline",
+      "chevron-left-outline",
+      "chevron-right-outline",
+      "map-location-outline",
+      "map-pin-alt-solid",
+      "x-outline",
+      "messages-outline",
+      "arrow-down-to-bracket-outline",
+      "check-outline"
+    ],
+
+    ph: [
+      'images-light',
+      'image-square-thin',
+      'cat-thin',
+      'copy-simple-light'
+    ],
+
+    ic: [
+      'sharp-photo-library'
+    ],
+
+    'material-symbols-light': [
+      'broken-image-outline'
+    ],
+
+    et: [
+      'documents'
+    ],
+
+    'system-uicons': [
+      'document-justified'
+    ]
   }
-  
-  return collection.icons?.[iconName] !== undefined
+};
+
+// Pomocnicze funkcje
+export function isIconIncluded(collection: IconCollectionName, iconName: string): boolean {
+  return iconConfig.include[collection]?.includes(iconName) ?? false;
 }
 
-export function getIncludedIcons(collectionName: keyof typeof iconCollections) {
-  return iconConfig.include[collectionName] || []
+export function getIncludedIcons(collection: IconCollectionName): string[] {
+  return iconConfig.include[collection] || [];
 }
 
-// Export everything
-export {
-  iconCollections,
-  IconConfig
+export function getAllIncludedIcons(): { [key in IconCollectionName]?: string[] } {
+  return iconConfig.include;
 }
 
-export default iconConfig
+export default iconConfig;

package/package.json

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

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

@@ -41,7 +41,7 @@ export const layoutShortcuts = [
 
   // Sidebars and Navigation
   ['sidebar-title', 'font-headregular text-light-blue-500 text-xl md:(text-2xl px-4) mb-2 px-14 sm:px-3 flex items-center justify-center sm:justify-start py-3'],
-  ['subcat', 'text-3.75 block cursor-pointer text-light-blue-darker hover:(text-accent-default underline) md:mb-1 py-2 md:py-0'],
+  ['subcat', 'text-3.75 block cursor-pointer text-blue-darker hover:(text-accent-default underline) md:mb-1 py-2 md:py-0'],
   ['subsubcat', 'pl-2'],
 
   // Headers and Banners