इस प्रोजेक्ट के बारे में

Carbon Components Svelte, Svelte फ्रेमवर्क के लिए एक कंपोनेंट लाइब्रेरी है जो Carbon Design System को लागू करती है, जो IBM द्वारा संचालित एक ओपन सोर्स डिज़ाइन सिस्टम है। README के अनुसार, यह इनपुट से लेकर डेटा टेबल तक 90 से अधिक कंपोनेंट्स, पांच इन-बिल्ट थीम्स (दो लाइट और तीन डार्क), प्रॉप्स, इवेंट्स और स्लॉट्स को कवर करने वाला एक पूरी तरह से टाइप किया गया TypeScript API प्रदान करता है, और कीबोर्ड और स्क्रीन-रीडर सपोर्ट के साथ WCAG 2.1 AA एक्सेसिबिलिटी का लक्ष्य रखता है। स्टाइलिंग को या तो प्रीकम्पाइल्ड CSS के रूप में लोड किया जा सकता है या सीधे फ्लैगशिप carbon-components पैकेज से SCSS इम्पोर्ट करके, जिसे README अधिक प्रदर्शनकारी मार्ग बताता है क्योंकि अप्रयुक्त कंपोनेंट स्टाइल को हटाया जा सकता है। पांच थीम स्टाइलशीट्स उपलब्ध हैं: white (डिफ़ॉल्ट लाइट), g10 (लाइट), g80, g90 और g100 (डार्क), साथ ही एक all.css बंडल जो CSS कस्टम प्रॉपर्टीज का उपयोग करके इन पांचों को ले जाता है। डायनेमिक थीमिंग all.css को इम्पोर्ट करके और html एलिमेंट पर थीम एट्रिब्यूट सेट करके की जाती है; रिएक्टिव स्विचिंग के लिए एक Theme कंपोनेंट भी उपलब्ध है। कंपोनेंट्स को Svelte स्क्रिप्ट ब्लॉक के अंदर पैकेज से इम्पोर्ट किया जाता है, और README पाठकों को कंपोनेंट API विवरण के लिए प्रोजेक्ट डॉक्यूमेंटेशन साइट पर निर्देशित करता है। व्यापक इकोसिस्टम में Carbon Icons Svelte शामिल है जिसमें चार आकारों (16, 20, 24 और 32 पिक्सेल) में 2,700 से अधिक आइकन हैं जिन्हें size प्रॉप के माध्यम से चुना जाता है; Carbon Pictograms Svelte जिसमें 1,500 से अधिक इलस्ट्रेटिव पिक्टोग्राम हैं जो खाली स्टेट्स, ऑनबोर्डिंग, हीरो सेक्शन और फीचर कॉलआउट्स के लिए हैं, जिनका डिफ़ॉल्ट आकार 64 पिक्सेल है; Carbon Charts Svelte जिसमें 25 से अधिक d3-पावर्ड चार्ट हैं; और Carbon Preprocess Svelte, जिसे एक वैकल्पिक डेवलपमेंट डिपेंडेंसी के रूप में वर्णित किया गया है। Carbon Preprocess Svelte दो ऑप्टिमाइज़ेशन प्रदान करता है। optimizeImports एक Svelte प्रीप्रोसेसर है जो components, icons और pictograms पैकेज से बैरल इम्पोर्ट्स को उनके सोर्स Svelte फ़ाइल पाथ में बदल देता है, जिसके बारे में README कहता है कि यह IDE टाइपअहेड को सुरक्षित रखते हुए डेवलपमेंट और प्रोडक्शन कंपाइल समय को तेज़ कर सकता है। optimizeCss एक Vite और Rollup प्लगइन है जो बिल्ड समय पर अप्रयुक्त Carbon स्टाइल को हटा देता है; README एक उदाहरण दिखाता है जहाँ एक बिल्ट स्टाइलशीट लगभग 606 kB से घटकर लगभग 53 kB हो जाती है, और नोट करता है कि लाइब्रेरी का संस्करण 0.85.0 या उसके बाद का आवश्यक है। Vite, SvelteKit, Rollup और Webpack के लिए कॉन्फ़िगरेशन स्निपेट्स दिए गए हैं, और रिपॉजिटरी में प्रत्येक के लिए उदाहरण प्रोजेक्ट शामिल हैं। TypeScript डेफिनिशन sveld के साथ जेनरेट किए गए हैं। डॉक्यूमेंटेशन LLM-फ्रेंडली प्लेन टेक्स्ट में भी प्रकाशित है: एक llms.txt कंपोनेंट इंडेक्स जहाँ प्रत्येक प्रविष्टि एक प्रति-कंपोनेंट Markdown दस्तावेज़ से जुड़ती है, और एक llms-full.txt फ़ाइल जिसमें पूर्ण डॉक्यूमेंटेशन है, जिसमें किसी भी कंपोनेंट के लिए उसके URL में .md जोड़कर Markdown दस्तावेज़ उपलब्ध है। प्रोजेक्ट Apache 2.0 के तहत लाइसेंस प्राप्त है और योगदान दिशानिर्देश और चेंजलॉग सूचीबद्ध करता है। README खुलासा करता है कि पैकेज CI वातावरण में डी-आइडेंटिफाइड और अनाम मेट्रिक्स डेटा एकत्र करने के लिए IBM Telemetry का उपयोग करता है, इसे डिपेंडेंसी के रूप में इंस्टॉल करना उस संग्रह के लिए सहमति माना जाता है, और ऑप्ट-आउट करने और एकत्र किए गए डेटा के विवरण के लिए IBM डॉक्यूमेंटेशन की ओर इशारा करता है।