{"_id":"@bryanchrishadden/design-system-for-cradlepoint-legacy","name":"@bryanchrishadden/design-system-for-cradlepoint-legacy","dist-tags":{"latest":"1.2.1"},"versions":{"1.2.1":{"name":"@bryanchrishadden/design-system-for-cradlepoint-legacy","version":"1.2.1","description":"Cradlepoint Design System Legacy Version","main":"dist/index.cjs.js","module":"dist/index.js","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/cradlepoint-wc/cradlepoint-wc.esm.js","repository":{"type":"git","url":"git+https://github.com/bryanhadden/design-system-for-cradlepoint-wp.git"},"keywords":["cradlepoint","design-system","web-components","stencil","wordpress","ui-components","css-components"],"author":{"name":"Cradlepoint","url":"https://cradlepoint.com"},"homepage":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp#readme","bugs":{"url":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp/issues"},"scripts":{"stencil:build":"stencil build --docs","stencil:dev":"stencil build --dev --watch --serve","stencil:test":"stencil test --spec --e2e","stencil:test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate","storybook:dev":"storybook dev -p 6006 --no-open","storybook:build":"storybook build","start":"npm run stencil:dev","build":"npm run stencil:build && npm run storybook:build","prepublishOnly":"npm run stencil:build","prepack":"npm run stencil:build","publish:patch":"npm version patch && npm publish","publish:minor":"npm version minor && npm publish","publish:major":"npm version major && npm publish"},"devDependencies":{"@babel/preset-env":"^7.25.4","@stencil/core":"^4.20.0","@stencil/sass":"^3.2.2","@storybook/addon-docs":"^8.2.9","@storybook/addon-essentials":"^8.2.9","@storybook/addon-interactions":"^8.2.9","@storybook/addon-links":"^8.2.9","@storybook/blocks":"^8.2.9","@storybook/html":"^8.2.9","@storybook/html-webpack5":"^8.2.9","@storybook/manager-api":"^8.2.9","@storybook/testing-library":"^0.2.2","@storybook/theming":"^8.2.9","@types/jest":"^29.5.12","@types/node":"^22.5.0","@whitespace/storybook-addon-html":"^6.1.1","jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^23.1.1","react":"^18.3.1","react-dom":"^18.3.1","react-syntax-highlighter":"^15.5.0","storybook":"^8.2.9"},"license":"MIT","_id":"@bryanchrishadden/design-system-for-cradlepoint-legacy@1.2.1","_nodeVersion":"18.20.4","_npmVersion":"10.7.0","dist":{"integrity":"sha512-vuHY9+eYBOZnGGeYT7I3jcjyyZ1DilOBvr6omdc8yaCPzvK3NEeVCKDoFIuUc2sKJtf//0pRq7piE6GDCvDMJg==","shasum":"1ccb9380849cf61761dbbeb8342e46a481cf67f4","tarball":"https://registry.npmjs.org/@bryanchrishadden/design-system-for-cradlepoint-legacy/-/design-system-for-cradlepoint-legacy-1.2.1.tgz","fileCount":355,"unpackedSize":8547483,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDVIKMH55EQtXJWTeWF+6Tvua1nzelvBf6+qII/xufIAgIhALBi8AW2l1Xgb3L9QWfG0zgjYpTA53Z1tiz4wIFd91CR"}]},"_npmUser":{"name":"bryanchrishadden","email":"bryanchrishadden@gmail.com"},"directories":{},"maintainers":[{"name":"bryanchrishadden","email":"bryanchrishadden@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-system-for-cradlepoint-legacy_1.2.1_1757556960132_0.8678381442035166"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-11T02:16:00.025Z","1.2.1":"2025-09-11T02:16:00.386Z","modified":"2025-09-11T02:16:00.649Z"},"maintainers":[{"name":"bryanchrishadden","email":"bryanchrishadden@gmail.com"}],"description":"Cradlepoint Design System Legacy Version","homepage":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp#readme","keywords":["cradlepoint","design-system","web-components","stencil","wordpress","ui-components","css-components"],"repository":{"type":"git","url":"git+https://github.com/bryanhadden/design-system-for-cradlepoint-wp.git"},"author":{"name":"Cradlepoint","url":"https://cradlepoint.com"},"bugs":{"url":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp/issues"},"license":"MIT","readme":"# Cradlepoint Design System for WordPress\n\nA WordPress-optimized web component library for Cradlepoint websites and applications. This package provides web components that can be easily integrated into WordPress themes and plugins.\n\n## Installation\n\n### Manual Installation\n\n1. Download the latest release from the GitHub repository\n2. Extract the files to your WordPress theme or plugin directory\n3. Enqueue the scripts and styles in your theme or plugin\n\n```php\n// In your theme's functions.php or plugin file\nfunction enqueue_cradlepoint_components() {\n    // Enqueue the main component library\n    wp_enqueue_script(\n        'cradlepoint-components',\n        get_template_directory_uri() . '/path/to/cradlepoint-wp/dist/cradlepoint-wp.js',\n        array(),\n        '2.0.0',\n        true\n    );\n    \n    // Enqueue the styles\n    wp_enqueue_style(\n        'cradlepoint-styles',\n        get_template_directory_uri() . '/path/to/cradlepoint-wp/dist/css/global.css',\n        array(),\n        '2.0.0'\n    );\n}\nadd_action('wp_enqueue_scripts', 'enqueue_cradlepoint_components');\n```\n\n### NPM Installation\n\n```bash\nnpm install design-system-for-cradlepoint-wp\n```\n\nThen require or import the components and styles in your build process.\n\n## Usage\n\n### Basic Usage in Templates\n\nOnce the components are properly enqueued, you can use them directly in your WordPress templates or content:\n\n```html\n<!-- Button example -->\n<cradlepoint-button-cta link=\"https://example.com\" text-color=\"#ffffff\" background-color=\"#0066cc\">\n    Click Me\n</cradlepoint-button-cta>\n\n<!-- Card example -->\n<cradlepoint-card-bg background-color=\"#f5f5f5\" text-color=\"#333333\">\n    <h3>Card Title</h3>\n    <p>Card content goes here</p>\n</cradlepoint-card-bg>\n```\n\n### With Gutenberg Blocks\n\nYou can also integrate these components with Gutenberg blocks to provide a visual editing experience. A sample block implementation would use the web components in its `save()` function.\n\n## Available Components\n\nThis library includes all the Cradlepoint design system components, optimized for WordPress:\n\n- Buttons (CTA, Simple)\n- Cards (Background, Image-Title-Text, Quote, Simple)\n- Layout components (Container, Container Stack, 50/50)\n- Navigation (Nav, Nav Main, Nav Lang)\n- Heroes and Banners\n- And more...\n\n## Development\n\n### Building the Package\n\n```bash\nnpm run build\n```\n\n### Running Storybook for Component Exploration\n\n```bash\nnpm run storybook:dev\n```\n\n## WordPress Integration Examples\n\nCheck the `/examples` directory for WordPress integration examples including:\n\n- Basic theme integration\n- Gutenberg block implementations\n- Plugin usage examples\n- Shortcode examples\n\n## License\n\nMIT\n","readmeFilename":"readme.md","_rev":"1-69106fdaf3602ec7b38f7f4eb3b58920"}