{"_id":"@balpreet-nagarro/recipe-ui-kit","name":"@balpreet-nagarro/recipe-ui-kit","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.1":{"name":"@balpreet-nagarro/recipe-ui-kit","version":"0.1.1","description":"Reusable UI components for Balpreet's Kitchen Recipe Finder & Meal Planner app, built with StencilJS.","main":"dist/index.cjs.js","module":"dist/index.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/recipe-ui-kit/recipe-ui-kit.esm.js","scripts":{"build":"stencil build","prepack":"npm run build","start":"stencil build --dev --watch --serve","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^4.20.0"},"publishConfig":{"access":"public"},"keywords":["stencil","web-components","recipe","ui-kit","svelte"],"author":{"name":"Balpreet Singh - Nagarro - 3201228"},"_id":"@balpreet-nagarro/recipe-ui-kit@0.1.1","_nodeVersion":"24.14.1","_npmVersion":"11.11.0","dist":{"integrity":"sha512-aa/DSTiG89tv+qYHHSBmXOkyM66ZIoV7EFw8z8+KftxcP0UkwlYTEI5dchKRAm9MjixpC4VJLQKAvO/4j28k2w==","shasum":"831edd48656c2cfea240d7ac9ca5375ed7c03208","tarball":"https://registry.npmjs.org/@balpreet-nagarro/recipe-ui-kit/-/recipe-ui-kit-0.1.1.tgz","fileCount":64,"unpackedSize":293080,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDnVde79ysRCLi1TQt/bfqWD8zKv5PsnF7bz8+h3YMu8gIhAP4GUmI54yLLkmAZI+lZXVA81GSEx+sT1FFH3RlYqRUn"}]},"_npmUser":{"name":"balpreet-nagarro","email":"balpreet.nagarro@gmail.com"},"directories":{},"maintainers":[{"name":"balpreet-nagarro","email":"balpreet.nagarro@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/recipe-ui-kit_0.1.1_1788185688986_0.4232716142088473"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-31T14:14:48.776Z","0.1.1":"2026-08-31T14:14:49.114Z","modified":"2026-08-31T14:14:49.415Z"},"maintainers":[{"name":"balpreet-nagarro","email":"balpreet.nagarro@gmail.com"}],"description":"Reusable UI components for Balpreet's Kitchen Recipe Finder & Meal Planner app, built with StencilJS.","keywords":["stencil","web-components","recipe","ui-kit","svelte"],"author":{"name":"Balpreet Singh - Nagarro - 3201228"},"readme":"# recipe-ui-kit\n\nReusable StencilJS component library for Balpreet's Kitchen Recipe Finder & Meal Planner.\n\n## Components\n\n- `<recipe-card recipe-id title image favorited>` — emits `favoriteToggle` `{id}`\n- `<star-rating value max readonly>` — emits `ratingChange` `{value}`\n- `<search-bar value placeholder>` — emits `searchSubmit` `{query}`\n- `<filter-panel categories selected>` — emits `filterChange` `{selected}`\n- `<meal-plan-slot day recipe>` — emits `recipeRemove` `{day}`\n- `<recipe-form initial-value>` — emits `formSubmit` (RecipeInput), `formCancel`\n\nProps holding non-string values (booleans, arrays, objects) are set as DOM\nproperties, not string attributes. That's the default when used from a real\nframework binding (Svelte, React, etc.) — no special handling needed on your\nside, it just works as long as the element is already defined when the prop is\nset (see the \"SSR note\" in recipe-finder's README).\n\n## Theming\n\nComponents read these CSS custom properties, with sensible fallbacks if unset:\n`--color-accent`, `--color-accent-dark`, `--color-gold`, `--color-danger`,\n`--color-border`, `--color-text`, `--color-text-muted`, `--color-surface`,\n`--font-display`, `--font-body`, `--radius-sm`, `--radius-md`. Define them at\n`:root` in the consuming app — custom properties cross the shadow DOM boundary\neven though normal styles don't.\n","readmeFilename":"README.md","_rev":"1-31484b3560dca6775ed6d1778c26febb"}