{"_id":"@ac-comp-lib/component-library","_rev":"3-575b8926a0090e240aa546a7285e9bde","name":"@ac-comp-lib/component-library","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@ac-comp-lib/component-library","version":"0.1.0","keywords":["components","air-canada","css","html","promo-banner"],"license":"MIT","_id":"@ac-comp-lib/component-library@0.1.0","maintainers":[{"name":"chis-adobe","email":"chis@adobe.com"}],"homepage":"https://github.com/chis-adobe/ac-component-library#readme","bugs":{"url":"https://github.com/chis-adobe/ac-component-library/issues"},"dist":{"shasum":"2b00cdcec2d18dce5174fc6e6f270e412100f063","tarball":"https://registry.npmjs.org/@ac-comp-lib/component-library/-/component-library-0.1.0.tgz","fileCount":6,"integrity":"sha512-AOoMcRFhd4V0he6yzCPqlbqBhJ/KY1JYUm2CRXJZJofUei8/dWU7/drmytbMj/b/eYcIGHhbyHxwnCDfWnKcfA==","signatures":[{"sig":"MEUCIQDYZ8LCqi/Gc40SVmu38H+RJXQQb7FFaocyt3HssUxb9QIgPL0/3c9wZSK0xlgO5r74sNvT5Yp5eKLICfJu7fCCd4w=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14500},"type":"module","exports":{"./promo-banner":"./dist/promo-banner.css","./promo-banner/react":{"types":"./src/react.tsx","import":"./src/react.tsx"},"./promo-banner/template":"./templates/promo-banner.html","./promo-banner/template/skeleton":"./templates/promo-banner-skeleton.html"},"gitHead":"6498794771b6dd4872db93f51b63c35160362557","scripts":{},"_npmUser":{"name":"chis-adobe","email":"chis@adobe.com"},"repository":{"url":"git+https://github.com/chis-adobe/ac-component-library.git","type":"git"},"_npmVersion":"9.6.4","description":"Framework-agnostic component library: HTML structure + CSS. Use with React, Vue, vanilla JS, or any stack.","directories":{},"_nodeVersion":"20.1.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/component-library_0.1.0_1773086553018_0.8838831311739626","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@ac-comp-lib/component-library","version":"0.1.1","keywords":["components","air-canada","css","html","promo-banner"],"license":"MIT","_id":"@ac-comp-lib/component-library@0.1.1","maintainers":[{"name":"chis-adobe","email":"chis@adobe.com"}],"homepage":"https://github.com/chis-adobe/ac-component-library#readme","bugs":{"url":"https://github.com/chis-adobe/ac-component-library/issues"},"dist":{"shasum":"64149a5f7d375a511da1545324685dfecf6d41f9","tarball":"https://registry.npmjs.org/@ac-comp-lib/component-library/-/component-library-0.1.1.tgz","fileCount":6,"integrity":"sha512-1Wu3rdnxZo+K6LDEsdkMusvg3Os3sJvn2jhCt7cpVqWe/2NgkodMq78rFV84iQFKOyRYW6NGbjNis7+ChYQTxA==","signatures":[{"sig":"MEYCIQDO0ET2nscZTqh0zbJUyOFpGMrsQXuux6K/Hnbd4RZTLQIhAOZmdYPsyEZrRLtP9xAViPiyWBhYex2NJpaGBc1B3fyO","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14675},"type":"module","exports":{"./promo-banner":"./dist/promo-banner.css","./promo-banner/react":{"types":"./src/react.tsx","import":"./src/react.tsx"},"./promo-banner/template":"./templates/promo-banner.html","./promo-banner/template/skeleton":"./templates/promo-banner-skeleton.html"},"gitHead":"4a03c042f08bf08ffca6c9b62eda7dd83b62d444","scripts":{},"_npmUser":{"name":"chis-adobe","email":"chis@adobe.com"},"repository":{"url":"git+https://github.com/chis-adobe/ac-component-library.git","type":"git"},"_npmVersion":"9.6.4","description":"Framework-agnostic component library: HTML structure + CSS. Use with React, Vue, vanilla JS, or any stack.","directories":{},"_nodeVersion":"20.1.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","typescript":"^5.0.0","@types/react":"^19.0.0","@types/react-dom":"^19.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/component-library_0.1.1_1773092650808_0.8616352955999906","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@ac-comp-lib/component-library","version":"0.1.2","description":"Framework-agnostic component library: HTML structure + CSS. Use with React, Vue, vanilla JS, or any stack.","type":"module","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/chis-adobe/ac-component-library.git"},"bugs":{"url":"https://github.com/chis-adobe/ac-component-library/issues"},"exports":{"./promo-banner":"./dist/promo-banner.css","./promo-banner/react":{"import":"./src/react.tsx","types":"./src/react.tsx"},"./promo-banner/template":"./templates/promo-banner.html","./promo-banner/template/skeleton":"./templates/promo-banner-skeleton.html"},"scripts":{},"devDependencies":{"@types/react":"^19.0.0","@types/react-dom":"^19.0.0","react":"^19.0.0","react-dom":"^19.0.0","typescript":"^5.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"keywords":["components","air-canada","css","html","promo-banner"],"license":"MIT","gitHead":"0d9bae455401037ba9a0e261ab5b77cc2dcdb127","homepage":"https://github.com/chis-adobe/ac-component-library#readme","_id":"@ac-comp-lib/component-library@0.1.2","_nodeVersion":"20.1.0","_npmVersion":"9.6.4","dist":{"integrity":"sha512-k7GvZk55F2JY/3iUFHG4zwrN/cH5VuNHgV3dNs8y71fnHWDD137fs0FfJINyiM9KjIXcHchX3UopHm93fUhl6g==","shasum":"33c4e7d867dbf9c7193a6e1e9083b70af38dc6db","tarball":"https://registry.npmjs.org/@ac-comp-lib/component-library/-/component-library-0.1.2.tgz","fileCount":6,"unpackedSize":14717,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCbsW3aHrUqSGGZY81VGW05SezUQ/BhwofKQpfNmOOw1AIgflXd7IcTjFcib5mVF6L0QzZ+tq5gdfAnjdLx3umB8Cg="}]},"_npmUser":{"name":"chis-adobe","email":"chis@adobe.com"},"directories":{},"maintainers":[{"name":"chis-adobe","email":"chis@adobe.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/component-library_0.1.2_1773093213894_0.04531614940551121"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-09T20:02:32.938Z","modified":"2026-03-09T21:53:34.146Z","0.1.0":"2026-03-09T20:02:33.172Z","0.1.1":"2026-03-09T21:44:10.992Z","0.1.2":"2026-03-09T21:53:34.028Z"},"bugs":{"url":"https://github.com/chis-adobe/ac-component-library/issues"},"license":"MIT","homepage":"https://github.com/chis-adobe/ac-component-library#readme","keywords":["components","air-canada","css","html","promo-banner"],"repository":{"type":"git","url":"git+https://github.com/chis-adobe/ac-component-library.git"},"description":"Framework-agnostic component library: HTML structure + CSS. Use with React, Vue, vanilla JS, or any stack.","maintainers":[{"name":"chis-adobe","email":"chis@adobe.com"}],"readme":"# @ac-comp-lib/component-library\n\nFramework-agnostic component library: **HTML structure + CSS**. Use with React, Vue, vanilla JS, or any stack.\n\n## Installation\n\n```bash\npnpm add @ac-comp-lib/component-library\n# or\nnpm install @ac-comp-lib/component-library\n```\n\n**Local development:** `\"@ac-comp-lib/component-library\": \"file:../ac-component-library\"`\n\n## Publishing to npm\n\n1. Push your code to GitHub: https://github.com/chis-adobe/ac-component-library\n2. From the package directory:\n   ```bash\n   cd ac-component-library\n   npm login\n   npm publish\n   ```\n\n## Components\n\n### Promo Banner\n\n#### Vanilla JS / Any framework\n\n1. Import the CSS:\n   ```js\n   import \"@ac-comp-lib/component-library/promo-banner\"\n   ```\n   Or in HTML: `<link rel=\"stylesheet\" href=\"node_modules/@ac-comp-lib/component-library/dist/promo-banner.css\">`\n\n2. Use the HTML structure from `templates/promo-banner.html` — replace placeholders with your content.\n\n#### React\n\n```tsx\nimport { PromoBannerCard, PromoBannerCardSkeleton } from \"@ac-comp-lib/component-library/promo-banner/react\"\n// CSS is imported automatically by the React wrapper\n\n<PromoBannerCard\n  imageUrl=\"https://...\"\n  badge=\"Recommended for you\"\n  headline=\"Your headline\"\n  description=\"Your description\"\n  dates={[\n    { label: \"Book by\", value: \"Mar 15, 2025\" },\n    { label: \"Travel by\", value: \"Jun 30, 2025\" },\n  ]}\n  cta={<a href=\"/book\" className=\"ac-promo-banner__cta-btn\">Book now</a>}\n/>\n```\n\n#### Promo Banner class reference\n\n| Class | Purpose |\n|-------|---------|\n| `ac-promo-banner` | Outer section |\n| `ac-promo-banner__container` | Max-width container |\n| `ac-promo-banner__card` | Card with image + content |\n| `ac-promo-banner__card-img` | Background image |\n| `ac-promo-banner__badge` | Badge pill |\n| `ac-promo-banner__headline` | Main headline |\n| `ac-promo-banner__description` | Description text |\n| `ac-promo-banner__dates` | Date row container |\n| `ac-promo-banner__date` | Single date block |\n| `ac-promo-banner__cta-btn` | Optional CTA button style |\n| `ac-promo-banner-skeleton` | Loading state section |\n| `ac-promo-banner-skeleton__card` | Loading state card |\n","readmeFilename":"README.md"}