{"_id":"@actionpainting/brandsnippets","_rev":"5-8b61579fc55eb2a09785072315fa0f87","name":"@actionpainting/brandsnippets","dist-tags":{"latest":"1.1.1"},"versions":{"1.0.0":{"name":"@actionpainting/brandsnippets","version":"1.0.0","keywords":["design-system","actionpainting","react","branding","figma-make","ui-components"],"author":{"name":"ActionPainting.ch"},"license":"UNLICENSED","_id":"@actionpainting/brandsnippets@1.0.0","maintainers":[{"name":"onsapa","email":"team@onsapa.com"}],"homepage":"https://github.com/actionpainting/design-system#readme","bugs":{"url":"https://github.com/actionpainting/design-system/issues"},"dist":{"shasum":"7f8596e9fdffddbd3f3678ec96429ee2b6c5d280","tarball":"https://registry.npmjs.org/@actionpainting/brandsnippets/-/brandsnippets-1.0.0.tgz","fileCount":16,"integrity":"sha512-cr41UC3TKkAVLk32PMlhjNAoRQhWF5nmUTm1T0U8YmORe6Di5lIA/rTHBoVU9ovGYDsyxLbAk711W1Nv2QlLKg==","signatures":[{"sig":"MEQCIBSzCm1muK4OEwKMH3KzTkqKT3oP/oeTYMw5sv/LTJgZAiBCSovSweoc1gW4RtB+ljPaFZZGBLyUTh0TJxChmoWT+g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":74486},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./branding":{"types":"./dist/branding/index.d.ts","import":"./dist/branding/index.js"},"./styles.css":"./dist/styles.css","./gift-checkout":{"types":"./dist/gift-checkout/index.d.ts","import":"./dist/gift-checkout/index.js"}},"gitHead":"d7c72bc89a5d345a0407d2815754fa6426595a6f","private":false,"scripts":{"build":"vite build && tsc --emitDeclarationOnly"},"_npmUser":{"name":"onsapa","email":"team@onsapa.com"},"repository":{"url":"git+https://github.com/actionpainting/design-system.git","type":"git"},"_npmVersion":"10.8.2","description":"Private brand and checkout snippets for Actionpainting clients","directories":{},"_nodeVersion":"20.19.6","dependencies":{"lucide-react":"^0.487.0"},"publishConfig":{"access":"restricted"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","typescript":"^5.0.0","@types/node":"^20.0.0","@types/react":"^18.2.0","@types/react-dom":"^18.2.0","@vitejs/plugin-react":"^4.7.0"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"_npmOperationalInternal":{"tmp":"tmp/brandsnippets_1.0.0_1767246328229_0.5510436173131996","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@actionpainting/brandsnippets","version":"1.0.1","keywords":["design-system","actionpainting","react","branding","figma-make","ui-components"],"author":{"name":"ActionPainting.ch"},"license":"UNLICENSED","_id":"@actionpainting/brandsnippets@1.0.1","maintainers":[{"name":"onsapa","email":"team@onsapa.com"}],"homepage":"https://github.com/actionpainting/design-system#readme","bugs":{"url":"https://github.com/actionpainting/design-system/issues"},"dist":{"shasum":"ef267246b7e5fdbef15469a899e98f9f214a5dcb","tarball":"https://registry.npmjs.org/@actionpainting/brandsnippets/-/brandsnippets-1.0.1.tgz","fileCount":16,"integrity":"sha512-jGsDgsOq2WmBMU+Qu10+w8NhqrQ54k6lKq8NKBUUyawnf2+suyKtSOWFqmV8KXua0Ymd031XMPay7FcfWPThfw==","signatures":[{"sig":"MEUCIQDhGaHJwa8FUttApv/xUkWJVz2XarGgPySk5vLSOvOZSAIgCx8BcDoVFNL5aQ5GBw/LbdDVJJUw50pH5A8UQgk5a+o=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":74482},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./branding":{"types":"./dist/branding/index.d.ts","import":"./dist/branding/index.js"},"./styles.css":"./dist/styles.css","./gift-checkout":{"types":"./dist/gift-checkout/index.d.ts","import":"./dist/gift-checkout/index.js"}},"gitHead":"77cf712ee73b26381754b991a8c19406a619f3b1","private":false,"scripts":{"build":"vite build && tsc --emitDeclarationOnly"},"_npmUser":{"name":"onsapa","email":"team@onsapa.com"},"repository":{"url":"git+https://github.com/actionpainting/design-system.git","type":"git"},"_npmVersion":"10.8.2","description":"Private brand and checkout snippets for Actionpainting clients","directories":{},"_nodeVersion":"20.19.6","dependencies":{"lucide-react":"^0.487.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","typescript":"^5.0.0","@types/node":"^20.0.0","@types/react":"^18.2.0","@types/react-dom":"^18.2.0","@vitejs/plugin-react":"^4.7.0"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"_npmOperationalInternal":{"tmp":"tmp/brandsnippets_1.0.1_1767249726678_0.7557657152081199","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@actionpainting/brandsnippets","version":"1.0.2","keywords":["design-system","actionpainting","react","branding","figma-make","ui-components"],"author":{"name":"ActionPainting.ch"},"license":"UNLICENSED","_id":"@actionpainting/brandsnippets@1.0.2","maintainers":[{"name":"onsapa","email":"team@onsapa.com"}],"homepage":"https://github.com/actionpainting/design-system#readme","bugs":{"url":"https://github.com/actionpainting/design-system/issues"},"dist":{"shasum":"130d1694ac5393fc8278ef1a5836ff094daedce8","tarball":"https://registry.npmjs.org/@actionpainting/brandsnippets/-/brandsnippets-1.0.2.tgz","fileCount":16,"integrity":"sha512-EC/CFCxRG+KLRgFC3Yz32ELrDqjepLpmWzj5bovbA1SRYeqQq8oJQaKEcJ5lSfz7P49E8z9gT8OHsSjlOfuI2Q==","signatures":[{"sig":"MEQCID3yBdwW/TiofblC+RDZXm92kVzzhgtfW8SypW1WsRj/AiBNplGDdvTJTBt8GSKTtD0kgIQXkRAuxDEM4LvmCnINWg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":75667},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./branding":{"types":"./dist/branding/index.d.ts","import":"./dist/branding/index.js"},"./styles.css":"./dist/styles.css","./gift-checkout":{"types":"./dist/gift-checkout/index.d.ts","import":"./dist/gift-checkout/index.js"}},"gitHead":"9a391b33236c0e07519421c1f8f4a8b16f36603c","private":false,"scripts":{"build":"vite build && tsc --emitDeclarationOnly"},"_npmUser":{"name":"onsapa","email":"team@onsapa.com"},"repository":{"url":"git+https://github.com/actionpainting/design-system.git","type":"git"},"_npmVersion":"10.8.2","description":"Private brand and checkout snippets for Actionpainting clients","directories":{},"_nodeVersion":"20.19.6","dependencies":{"lucide-react":"^0.487.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","typescript":"^5.0.0","@types/node":"^20.0.0","@types/react":"^18.2.0","@types/react-dom":"^18.2.0","@vitejs/plugin-react":"^4.7.0"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"_npmOperationalInternal":{"tmp":"tmp/brandsnippets_1.0.2_1767251156326_0.3243542700604174","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"@actionpainting/brandsnippets","version":"1.1.1","private":false,"description":"Private brand and checkout snippets for Actionpainting clients","type":"module","license":"UNLICENSED","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"},"./branding":{"import":"./dist/branding/index.js","types":"./dist/branding/index.d.ts"},"./gift-checkout":{"import":"./dist/gift-checkout/index.js","types":"./dist/gift-checkout/index.d.ts"},"./styles.css":"./dist/styles.css"},"scripts":{"build":"vite build && tsc --emitDeclarationOnly"},"publishConfig":{"access":"public"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"dependencies":{"lucide-react":"^0.487.0"},"devDependencies":{"@types/node":"^20.0.0","@types/react":"^18.2.0","@types/react-dom":"^18.2.0","@vitejs/plugin-react":"^4.7.0","vite":"^6.3.5","typescript":"^5.0.0"},"keywords":["design-system","actionpainting","react","branding","figma-make","ui-components"],"author":{"name":"ActionPainting.ch"},"repository":{"type":"git","url":"git+https://github.com/actionpainting/design-system.git"},"_id":"@actionpainting/brandsnippets@1.1.1","gitHead":"1a4d7a0f6af46c2c358b81625d1e8a8bbf492fc3","bugs":{"url":"https://github.com/actionpainting/design-system/issues"},"homepage":"https://github.com/actionpainting/design-system#readme","_nodeVersion":"20.19.6","_npmVersion":"10.8.2","dist":{"integrity":"sha512-kbBmfE3rJw+3yskPaBoEuniKN1hDxHQ93+AnpX+Y9Q0GgOssNs7V6joheBa22di4qSdtm28VquwH0BXF4+Mycw==","shasum":"1b6b4cb8719f54f972e83b5121178e529ed3f104","tarball":"https://registry.npmjs.org/@actionpainting/brandsnippets/-/brandsnippets-1.1.1.tgz","fileCount":23,"unpackedSize":113142,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDWlyrIyhrOHgUmEpzPZjgnsFyylgsRy24WOKXa07d6ZwIhANXO3DAIUeq3o3WiueFQQuxS0Kausk3p4RAMa56y9stk"}]},"_npmUser":{"name":"onsapa","email":"team@onsapa.com"},"directories":{},"maintainers":[{"name":"onsapa","email":"team@onsapa.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/brandsnippets_1.1.1_1767267783174_0.7513494544129771"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-01T05:45:28.080Z","modified":"2026-01-01T11:43:03.492Z","1.0.0":"2026-01-01T05:45:28.378Z","1.0.1":"2026-01-01T06:42:06.816Z","1.0.2":"2026-01-01T07:05:56.506Z","1.1.1":"2026-01-01T11:43:03.308Z"},"bugs":{"url":"https://github.com/actionpainting/design-system/issues"},"author":{"name":"ActionPainting.ch"},"license":"UNLICENSED","homepage":"https://github.com/actionpainting/design-system#readme","keywords":["design-system","actionpainting","react","branding","figma-make","ui-components"],"repository":{"type":"git","url":"git+https://github.com/actionpainting/design-system.git"},"description":"Private brand and checkout snippets for Actionpainting clients","maintainers":[{"name":"onsapa","email":"team@onsapa.com"}],"readme":"# @actionpainting/brandsnippets\n\nActionPainting.ch Brand Snippets für React - Modulares Branding & UI Component System optimiert für Figma Make.\n\n**Version 1.0.1** - Public Package 🚀\n\n## 🎨 Features\n\n- ✅ **Visual Branding System** - Farben (Blau #0000FF, Rot #EC0C00), Questrial Font\n- ✅ **Verbal Branding System** - Herzlich, menschlich, klar, du-Ansprache\n- ✅ **Ready-to-use Components** - Branding Snippet, Gift Checkout\n- ✅ **TypeScript Support** - Vollständige Type Definitions\n- ✅ **Figma Make Optimized** - Perfekt für AI-gestützte App-Entwicklung\n\n## 📦 Installation\n\n```bash\nnpm install @actionpainting/brandsnippets\n```\n\n**Das Package ist public - keine Auth nötig!** 🎉\n\n## 🚀 Quick Start\n\n### Branding System laden\n\n```tsx\nimport { BrandingSnippet } from '@actionpainting/brandsnippets/branding';\n\nexport default function App() {\n  return (\n    <div>\n      {/* Lädt ActionPainting Branding (Fonts, CSS) */}\n      <BrandingSnippet />\n      \n      <h1>Meine App mit ActionPainting Branding</h1>\n    </div>\n  );\n}\n```\n\n### Branding-Daten direkt nutzen\n\n```tsx\nimport { brandingSystem } from '@actionpainting/brandsnippets/branding';\n\nfunction MyButton() {\n  return (\n    <button\n      style={{\n        backgroundColor: brandingSystem.colors.primary.blue,\n        color: 'white',\n        fontFamily: brandingSystem.typography.font.primary,\n        padding: '12px 24px',\n        border: 'none',\n        borderRadius: '4px',\n        cursor: 'pointer',\n      }}\n    >\n      Jetzt buchen\n    </button>\n  );\n}\n```\n\n### Gift Checkout Component\n\n```tsx\nimport { useState } from 'react';\nimport { BrandingSnippet } from '@actionpainting/brandsnippets/branding';\nimport { GiftCheckoutSnippet } from '@actionpainting/brandsnippets/gift-checkout';\n\nfunction GiftShop() {\n  const [showCheckout, setShowCheckout] = useState(false);\n\n  return (\n    <>\n      <BrandingSnippet />\n      \n      <button onClick={() => setShowCheckout(true)}>\n        🎁 Gutschein kaufen\n      </button>\n\n      {showCheckout && (\n        <div className=\"modal-overlay\">\n          <GiftCheckoutSnippet\n            preselectedType=\"voucher\"\n            preselectedAmount={150}\n            onComplete={(data) => {\n              console.log('Order completed:', data);\n              setShowCheckout(false);\n            }}\n            onCancel={() => setShowCheckout(false)}\n          />\n        </div>\n      )}\n    </>\n  );\n}\n```\n\n## 🎯 Brand Guidelines\n\n### Visual Branding\n\n- **Primärfarbe Blau:** `#0000FF`\n- **Primärfarbe Rot:** `#EC0C00`\n- **Schrift:** Questrial (Google Font)\n- **Klare Hierarchie**\n- **Motion mit Bedacht**\n\n### Verbal Branding\n\n- **Du-Ansprache** (nie \"Sie\")\n- **Kurze, klare Sätze**\n- **Herzlich & menschlich** - keine Marketing-Buzzwords\n- **Authentisch & bodenständig**\n\n## 🧩 Components\n\n### BrandingSnippet\n\nLädt das ActionPainting Branding System (Fonts, CSS).\n\n```tsx\nimport { BrandingSnippet } from '@actionpainting/brandsnippets/branding';\n\n<BrandingSnippet />\n```\n\n**Tipp:** Rendere dies **einmal ganz oben** in deiner App!\n\n### GiftCheckoutSnippet\n\nMulti-Step Checkout für Gutscheine und Erlebnisse.\n\n**Features:**\n- 3-Step Flow (Auswahl → Personalisierung → Zahlung)\n- Vorauswahl-Support\n- Inline-Validierung\n- Responsive Design\n- Verbal Branding integriert\n\n**Props:**\n```typescript\n{\n  preselectedType?: 'voucher' | 'experience';\n  preselectedAmount?: number;\n  preselectedExperienceId?: string;\n  initialStep?: 'select' | 'personalize' | 'payment';\n  onComplete: (data: CheckoutData) => void;\n  onCancel: () => void;\n}\n```\n\n## 🤖 Figma Make Prompt\n\nWenn du dieses Package in einem **neuen Figma Make Projekt** nutzen willst:\n\n```\nInstalliere @actionpainting/brandsnippets\n\nImportiere BrandingSnippet aus '@actionpainting/brandsnippets/branding' und rendere es ganz oben.\n\nErstelle [DEINE ANFORDERUNG]. Nutze ActionPainting Branding: Blau #0000FF, Rot #EC0C00, Questrial Font, herzlicher du-Ton.\n```\n\n## 🛠 Development\n\n```bash\n# Install dependencies\nnpm install\n\n# Build package\nnpm run build\n\n# Publish (automatisch via GitHub Actions)\ngit push origin main\n```\n\n## 📋 Requirements\n\n- React 18+\n- Compatible with Vite\n- TypeScript 5+ (optional)\n\n## 🔗 Links\n\n- **npm Package:** https://www.npmjs.com/package/@actionpainting/brandsnippets\n- **GitHub (Source):** https://github.com/lostinabox/Actsnippetsmanager\n- **GitHub (Release):** https://github.com/lostinabox/action-npm\n- **Figma Make:** https://www.figma.com/make\n\n## 📄 License\n\nUNLICENSED - © ActionPainting.ch\n\n## 💬 Support\n\n- **Email:** dev@actionpainting.ch\n- **Issues:** https://github.com/lostinabox/Actsnippetsmanager/issues\n\n---\n\n**Made with ❤️ for Figma Make**\n","readmeFilename":"README.md"}