spoko-design-system 0.3.1 → 0.3.3

package/icon.config.ts

@@ -1,274 +1,274 @@
-// icon.config.ts
-
-interface IconConfig {
-  include: {
-    [key: string]: string[];
-  }
-}
-
-// 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: {
-    mdi: [
-      // Social
-      "npm", 
-      "github", 
-      "facebook", 
-      "instagram",
-      
-      // Notes & Content
-      "post-it-note-edit-outline",
-      
-      // Car related
-      "car-hatchback",
-      "car-door", 
-      "car-side",
-      "car-windshield-outline",
-      "car-light-alert",
-      "car-tire-alert",
-      "car-light-dimmed",
-      "car-light-fog",
-      "car-light-high",
-      "car-parking-lights",
-      "car-esp",
-      "car-brake-abs",
-      "car-horn",
-      "engine-outline",
-      
-      // Climate & Temperature
-      "fan",
-      "fan-off",
-      "air-conditioner",
-      "coolant-temperature",
-      
-      // Alerts & Warnings
-      "car-brake-alert",
-      "car-traction-control",
-      
-      // Other
-      "card-text-outline",
-      "fuel",
-      "oil",
-      "hazard-lights",
-      "credit-card-outline"
-    ],
-
-    "ant-design": [
-      "menu-fold-outlined",
-      "menu-unfold-outlined",
-      "menu-outlined",
-      "bars-outlined",
-      "appstore-outlined",
-      "cluster-outlined",
-      "audit-outlined",
-      "build-twotone",
-      "home-outlined",
-      "close-outlined"
-    ],
-
-    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"
-    ],
-
-    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'
-    ]
-  }
-};
-
-// Pomocnicze funkcje
-export function isIconIncluded(collection: IconCollectionName, iconName: string): boolean {
-  return iconConfig.include[collection]?.includes(iconName) ?? false;
-}
-
-export function getIncludedIcons(collection: IconCollectionName): string[] {
-  return iconConfig.include[collection] || [];
-}
-
-export function getAllIncludedIcons(): { [key in IconCollectionName]?: string[] } {
-  return iconConfig.include;
-}
-
+// icon.config.ts
+
+interface IconConfig {
+  include: {
+    [key: string]: string[];
+  }
+}
+
+// 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: {
+    mdi: [
+      // Social
+      "npm", 
+      "github", 
+      "facebook", 
+      "instagram",
+      
+      // Notes & Content
+      "post-it-note-edit-outline",
+      
+      // Car related
+      "car-hatchback",
+      "car-door", 
+      "car-side",
+      "car-windshield-outline",
+      "car-light-alert",
+      "car-tire-alert",
+      "car-light-dimmed",
+      "car-light-fog",
+      "car-light-high",
+      "car-parking-lights",
+      "car-esp",
+      "car-brake-abs",
+      "car-horn",
+      "engine-outline",
+      
+      // Climate & Temperature
+      "fan",
+      "fan-off",
+      "air-conditioner",
+      "coolant-temperature",
+      
+      // Alerts & Warnings
+      "car-brake-alert",
+      "car-traction-control",
+      
+      // Other
+      "card-text-outline",
+      "fuel",
+      "oil",
+      "hazard-lights",
+      "credit-card-outline"
+    ],
+
+    "ant-design": [
+      "menu-fold-outlined",
+      "menu-unfold-outlined",
+      "menu-outlined",
+      "bars-outlined",
+      "appstore-outlined",
+      "cluster-outlined",
+      "audit-outlined",
+      "build-twotone",
+      "home-outlined",
+      "close-outlined"
+    ],
+
+    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"
+    ],
+
+    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'
+    ]
+  }
+};
+
+// Pomocnicze funkcje
+export function isIconIncluded(collection: IconCollectionName, iconName: string): boolean {
+  return iconConfig.include[collection]?.includes(iconName) ?? false;
+}
+
+export function getIncludedIcons(collection: IconCollectionName): string[] {
+  return iconConfig.include[collection] || [];
+}
+
+export function getAllIncludedIcons(): { [key in IconCollectionName]?: string[] } {
+  return iconConfig.include;
+}
+
 export default iconConfig;

package/index.ts

@@ -1,62 +1,62 @@
-// Do not write code directly here, instead use the `src` folder!
-// Then, use this file to export everything you want your user to access.
-
-// src/index.ts
-
-// Vue Components
-export { default as FuckRussia } from './src/components/FuckRussia.vue';
-export { default as FlagPL } from './src/components/flags/FlagPL.vue';
-export { default as Badges } from './src/components/Badges.vue';
-export { default as SlimBanner } from './src/components/SlimBanner.vue';
-export { default as Jumbatron } from './src/components/Jumbatron.vue';
-export { default as Button } from './src/components/Button.vue';
-export { default as Breadcrumbs } from './src/components/Breadcrumbs.vue';
-export { default as ProductDetailsList } from './src/components/ProductDetailsList.vue';
-export { default as FeaturesList } from './src/components/FeaturesList.vue';
-export { default as ProductCodes } from './src/components/ProductCodes.vue';
-export { default as ProductEngineType } from './src/components/Product/ProductEngineType.vue';
-export { default as ProductButton } from './src/components/Product/ProductButton.vue';
-export { default as ProductColors } from './src/components/Product/ProductColors.vue';
-export { default as ProductDetailName } from './src/components/Product/ProductDetailName.vue';
-export { default as ProductDetails } from './src/components/Product/ProductDetails.vue';
-export { default as ProductDoc } from './src/components/Product/ProductDoc.vue';
-export { default as ProductModel } from './src/components/Product/ProductModel.vue';
-export { default as ProductModels } from './src/components/Product/ProductModels.vue';
-export { default as ProductName } from './src/components/Product/ProductName.vue';
-export { default as ProductPositions } from './src/components/Product/ProductPositions.vue';
-export { default as ProductNumber } from './src/components/Product/ProductNumber.astro';
-export { default as ProductLink } from './src/components/Product/ProductLink.vue';
-// export { default as ProductCarousel } from './src/components/Product/ProductCarousel.astro';
-export { default as LanguageSuggestion } from './src/components/LanguageSuggestion.astro';
-
-export { default as CategoryLink } from './src/components/Category/CategoryLink.vue';
-export { default as CategorySidebarToggler } from './src/components/Category/CategorySidebarToggler.vue';
-export { default as SubCategoryLink } from './src/components/Category/SubCategoryLink.vue';
-
-// Astro Components
-export { default as Copyright } from './src/components/Copyright.astro'; 
-export { default as HandDrive } from './src/components/HandDrive.astro';
-export { default as Faq } from './src/components/Faq.astro';
-export { default as FaqItem } from './src/components/FaqItem.astro';
-
-export { default as ProductImage } from './src/components/Product/ProductImage.astro';
-
-export { default as CategoryDetails } from './src/components/Category/CategoryDetails.astro';
-export { default as CategoryTile } from './src/components/Category/CategoryTile.astro';
-
-
-// Utils: Product
-export { default as getPriceFormatted } from './src/utils/product/getPriceFormatted';
-export { default as getProductChecklist } from './src/utils/product/getProductChecklist';
-
-// Utils: SEO
-export { default as getShorterDescription } from './src/utils/seo/getShorterDescription';
-
-// Utils: Text
-
-export { text2paragraphs, countWords, firstSentence, removeSemicolon } from './src/utils/text';
-export { default as formatDate } from './src/utils/text/formatDate';
-export { default as formatLocaleNumber } from './src/utils/text/formatLocaleNumber';
-export { default as formatPad } from './src/utils/text/formatPad';
-export { default as getNumberFormatted } from './src/utils/text/getNumberFormatted';
-export { default as getTranslatedLink } from './src/utils/text/getTranslatedLink';
+// Do not write code directly here, instead use the `src` folder!
+// Then, use this file to export everything you want your user to access.
+
+// src/index.ts
+
+// Vue Components
+export { default as FuckRussia } from './src/components/FuckRussia.vue';
+export { default as FlagPL } from './src/components/flags/FlagPL.vue';
+export { default as Badges } from './src/components/Badges.vue';
+export { default as SlimBanner } from './src/components/SlimBanner.vue';
+export { default as Jumbatron } from './src/components/Jumbatron.vue';
+export { default as Button } from './src/components/Button.vue';
+export { default as Breadcrumbs } from './src/components/Breadcrumbs.vue';
+export { default as ProductDetailsList } from './src/components/ProductDetailsList.vue';
+export { default as FeaturesList } from './src/components/FeaturesList.vue';
+export { default as ProductCodes } from './src/components/ProductCodes.vue';
+export { default as ProductEngineType } from './src/components/Product/ProductEngineType.vue';
+export { default as ProductButton } from './src/components/Product/ProductButton.vue';
+export { default as ProductColors } from './src/components/Product/ProductColors.vue';
+export { default as ProductDetailName } from './src/components/Product/ProductDetailName.vue';
+export { default as ProductDetails } from './src/components/Product/ProductDetails.vue';
+export { default as ProductDoc } from './src/components/Product/ProductDoc.vue';
+export { default as ProductModel } from './src/components/Product/ProductModel.vue';
+export { default as ProductModels } from './src/components/Product/ProductModels.vue';
+export { default as ProductName } from './src/components/Product/ProductName.vue';
+export { default as ProductPositions } from './src/components/Product/ProductPositions.vue';
+export { default as ProductNumber } from './src/components/Product/ProductNumber.astro';
+export { default as ProductLink } from './src/components/Product/ProductLink.vue';
+// export { default as ProductCarousel } from './src/components/Product/ProductCarousel.astro';
+export { default as LanguageSuggestion } from './src/components/LanguageSuggestion.astro';
+
+export { default as CategoryLink } from './src/components/Category/CategoryLink.vue';
+export { default as CategorySidebarToggler } from './src/components/Category/CategorySidebarToggler.vue';
+export { default as SubCategoryLink } from './src/components/Category/SubCategoryLink.vue';
+
+// Astro Components
+export { default as Copyright } from './src/components/Copyright.astro'; 
+export { default as HandDrive } from './src/components/HandDrive.astro';
+export { default as Faq } from './src/components/Faq.astro';
+export { default as FaqItem } from './src/components/FaqItem.astro';
+
+export { default as ProductImage } from './src/components/Product/ProductImage.astro';
+
+export { default as CategoryDetails } from './src/components/Category/CategoryDetails.astro';
+export { default as CategoryTile } from './src/components/Category/CategoryTile.astro';
+
+
+// Utils: Product
+export { default as getPriceFormatted } from './src/utils/product/getPriceFormatted';
+export { default as getProductChecklist } from './src/utils/product/getProductChecklist';
+
+// Utils: SEO
+export { default as getShorterDescription } from './src/utils/seo/getShorterDescription';
+
+// Utils: Text
+
+export { text2paragraphs, countWords, firstSentence, removeSemicolon } from './src/utils/text';
+export { default as formatDate } from './src/utils/text/formatDate';
+export { default as formatLocaleNumber } from './src/utils/text/formatLocaleNumber';
+export { default as formatPad } from './src/utils/text/formatPad';
+export { default as getNumberFormatted } from './src/utils/text/getNumberFormatted';
+export { default as getTranslatedLink } from './src/utils/text/getTranslatedLink';