{"_id":"design-system-for-cradlepoint-wp","_rev":"5-72224dec0bfe5ecf80319f0fe8a0980f","name":"design-system-for-cradlepoint-wp","dist-tags":{"latest":"1.1.4"},"versions":{"1.1.0":{"name":"design-system-for-cradlepoint-wp","version":"1.1.0","license":"MIT","_id":"design-system-for-cradlepoint-wp@1.1.0","maintainers":[{"name":"bryanhadden-cradlepoint","email":"bryan.a.hadden@ericsson.com"}],"homepage":"https://github.com/ericsson-young/cradlepoint-wc-main#readme","bugs":{"url":"https://github.com/ericsson-young/cradlepoint-wc-main/issues"},"dist":{"shasum":"036a17bad81a98f8270e6b1184012fef3ccf4f67","tarball":"https://registry.npmjs.org/design-system-for-cradlepoint-wp/-/design-system-for-cradlepoint-wp-1.1.0.tgz","fileCount":297,"integrity":"sha512-JlmmTmyYS4zbxOks/kDRJkTGNalDsNxKXXvF/QaKCFBBOiEUmz5Hl2CXa4bbFRIyRUM5mB6IdPF24RBDxj7pBA==","signatures":[{"sig":"MEUCIFOEN2YBRgIBRwMt/BtnoQr0Nr76pw2HTo9KLCVfs7NLAiEAhmkW2GgBiti5nmxXlgthjjyyfOLyvnEyPX7xEvMe0QI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":3107016},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/cradlepoint-wc/cradlepoint-wc.esm.js","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","module":"dist/index.js","gitHead":"55b5a50c44c62f156e35b3bea5830dc5a151ed67","scripts":{"build":"npm run stencil:build && npm run storybook:build","start":"npm run stencil:dev","generate":"stencil generate","stencil:dev":"stencil build --dev --watch --serve","stencil:test":"stencil test --spec --e2e","stencil:build":"stencil build --docs","storybook:dev":"storybook dev -p 6006 --no-open","storybook:build":"storybook build","stencil:test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"bryanhadden-cradlepoint","email":"bryan.a.hadden@ericsson.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/ericsson-young/cradlepoint-wc-main.git","type":"git"},"_npmVersion":"10.9.0","description":"Cradlepoint Design System","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","react":"^18.3.1","jest-cli":"^29.7.0","puppeteer":"^23.1.1","react-dom":"^18.3.1","storybook":"^8.2.9","@types/jest":"^29.5.12","@types/node":"^22.5.0","@stencil/core":"^4.20.0","@storybook/html":"^8.2.9","@babel/preset-env":"^7.25.4","@storybook/blocks":"^8.2.9","@storybook/theming":"^8.2.9","@storybook/addon-docs":"^8.2.9","@storybook/addon-links":"^8.2.9","@storybook/manager-api":"^8.2.9","@storybook/html-webpack5":"^8.2.9","react-syntax-highlighter":"^15.5.0","@storybook/testing-library":"^0.2.2","@storybook/addon-essentials":"^8.2.9","@storybook/addon-interactions":"^8.2.9","@whitespace/storybook-addon-html":"^6.1.1"},"_npmOperationalInternal":{"tmp":"tmp/design-system-for-cradlepoint-wp_1.1.0_1748890373856_0.7257984757584073","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"design-system-for-cradlepoint-wp","version":"1.1.1","license":"MIT","_id":"design-system-for-cradlepoint-wp@1.1.1","maintainers":[{"name":"bryanhadden-cradlepoint","email":"bryan.a.hadden@ericsson.com"}],"homepage":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp#readme","bugs":{"url":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp/issues"},"dist":{"shasum":"ded5d54761ab5cfebc75acdd915ad578b9e3c6c4","tarball":"https://registry.npmjs.org/design-system-for-cradlepoint-wp/-/design-system-for-cradlepoint-wp-1.1.1.tgz","fileCount":142,"integrity":"sha512-8gb99YFYzUWfmi0mcYPqhT/tFP0BJK1vtYJbny+6Ss87ARKtTvDSfiRl3oy1nBRHYL/evNgnbi1pj2y9HJ3I7w==","signatures":[{"sig":"MEYCIQD1nKqofwxZUknTBfMBGLfoQMi4yp5ZtPxXWgVbXmm5CQIhAIWZdFehgrx3bwW1g4jF9l6oWYl74CUZKE6K0BiTIsW1","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1011834},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/cradlepoint-wc/cradlepoint-wc.esm.js","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","module":"dist/index.js","gitHead":"1f854367d0c08ee14e939441288247c6549d0110","scripts":{"build":"npm run stencil:build && npm run storybook:build","start":"npm run stencil:dev","generate":"stencil generate","stencil:dev":"stencil build --dev --watch --serve","stencil:test":"stencil test --spec --e2e","stencil:build":"stencil build --docs","storybook:dev":"storybook dev -p 6006 --no-open","storybook:build":"storybook build","stencil:test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"bryanhadden-cradlepoint","email":"bryan.a.hadden@ericsson.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/bryanhadden/design-system-for-cradlepoint-wp.git","type":"git"},"_npmVersion":"11.0.0","description":"Cradlepoint Design System","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","react":"^18.3.1","jest-cli":"^29.7.0","puppeteer":"^23.1.1","react-dom":"^18.3.1","storybook":"^8.2.9","@types/jest":"^29.5.12","@types/node":"^22.5.0","@stencil/core":"^4.20.0","@storybook/html":"^8.2.9","@babel/preset-env":"^7.25.4","@storybook/blocks":"^8.2.9","@storybook/theming":"^8.2.9","@storybook/addon-docs":"^8.2.9","@storybook/addon-links":"^8.2.9","@storybook/manager-api":"^8.2.9","@storybook/html-webpack5":"^8.2.9","react-syntax-highlighter":"^15.5.0","@storybook/testing-library":"^0.2.2","@storybook/addon-essentials":"^8.2.9","@storybook/addon-interactions":"^8.2.9","@whitespace/storybook-addon-html":"^6.1.1"},"_npmOperationalInternal":{"tmp":"tmp/design-system-for-cradlepoint-wp_1.1.1_1748963278242_0.7551227314571598","host":"s3://npm-registry-packages-npm-production"}},"1.1.2":{"name":"design-system-for-cradlepoint-wp","version":"1.1.2","license":"MIT","_id":"design-system-for-cradlepoint-wp@1.1.2","maintainers":[{"name":"bryanhadden-cradlepoint","email":"bryan.a.hadden@ericsson.com"}],"homepage":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp#readme","bugs":{"url":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp/issues"},"dist":{"shasum":"ee08a778ada70a3de4820c428213fe25b8a05340","tarball":"https://registry.npmjs.org/design-system-for-cradlepoint-wp/-/design-system-for-cradlepoint-wp-1.1.2.tgz","fileCount":142,"integrity":"sha512-ArCAAXQGNFuh+7iTRvVIKtIawcL6RzNqC6ts2ElGYc0DsIW0oP8iOBRsegiGqfDBA7eRROUPo/YJcai5B8j2eQ==","signatures":[{"sig":"MEYCIQDekGXdZE0W6A+TJNm7IHoiTLn+7Cr5co5lpjHEZ2yXDQIhAJ92BGS4ox34CtozkTMd8rKhFA8jZBus6To5uRDIDKAd","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1011834},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/cradlepoint-wc/cradlepoint-wc.esm.js","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","module":"dist/index.js","gitHead":"92055439bf0fa6799e57a110460a83400b5de48e","scripts":{"build":"npm run stencil:build && npm run storybook:build","start":"npm run stencil:dev","generate":"stencil generate","stencil:dev":"stencil build --dev --watch --serve","stencil:test":"stencil test --spec --e2e","stencil:build":"stencil build --docs","storybook:dev":"storybook dev -p 6006 --no-open","storybook:build":"storybook build","stencil:test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"bryanhadden-cradlepoint","email":"bryan.a.hadden@ericsson.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/bryanhadden/design-system-for-cradlepoint-wp.git","type":"git"},"_npmVersion":"11.0.0","description":"Cradlepoint Design System","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","react":"^18.3.1","jest-cli":"^29.7.0","puppeteer":"^23.1.1","react-dom":"^18.3.1","storybook":"^8.2.9","@types/jest":"^29.5.12","@types/node":"^22.5.0","@stencil/core":"^4.20.0","@storybook/html":"^8.2.9","@babel/preset-env":"^7.25.4","@storybook/blocks":"^8.2.9","@storybook/theming":"^8.2.9","@storybook/addon-docs":"^8.2.9","@storybook/addon-links":"^8.2.9","@storybook/manager-api":"^8.2.9","@storybook/html-webpack5":"^8.2.9","react-syntax-highlighter":"^15.5.0","@storybook/testing-library":"^0.2.2","@storybook/addon-essentials":"^8.2.9","@storybook/addon-interactions":"^8.2.9","@whitespace/storybook-addon-html":"^6.1.1"},"_npmOperationalInternal":{"tmp":"tmp/design-system-for-cradlepoint-wp_1.1.2_1748963728951_0.2027017935974842","host":"s3://npm-registry-packages-npm-production"}},"1.1.3":{"name":"design-system-for-cradlepoint-wp","version":"1.1.3","license":"MIT","_id":"design-system-for-cradlepoint-wp@1.1.3","maintainers":[{"name":"bryanhadden-cradlepoint","email":"bryan.a.hadden@ericsson.com"}],"homepage":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp#readme","bugs":{"url":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp/issues"},"dist":{"shasum":"4933d31b460cfe08a25fb25d05d46992ade2f81f","tarball":"https://registry.npmjs.org/design-system-for-cradlepoint-wp/-/design-system-for-cradlepoint-wp-1.1.3.tgz","fileCount":297,"integrity":"sha512-W8/d7l4jOK5pSy6wyoKiDSk/bAU3LK0c+KW6SHy8xIcGFCgPC00KAGATWCECnFdXdCOKS2lJUbw/Y0mgptzDMg==","signatures":[{"sig":"MEUCIG4JYEE89CFI7/6Dh4zX5zvAgyjgS4fuf2xAA49UYWZAAiEAm0MpaSpa/oVBHrhxkK0Z0fAUXhfd6le+JUfOyketUzw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":3125025},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/cradlepoint-wc/cradlepoint-wc.esm.js","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","module":"dist/index.js","gitHead":"92055439bf0fa6799e57a110460a83400b5de48e","scripts":{"build":"npm run stencil:build && npm run storybook:build","start":"npm run stencil:dev","generate":"stencil generate","stencil:dev":"stencil build --dev --watch --serve","stencil:test":"stencil test --spec --e2e","stencil:build":"stencil build --docs","storybook:dev":"storybook dev -p 6006 --no-open","storybook:build":"storybook build","stencil:test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"bryanhadden-cradlepoint","actor":{"name":"bryanhadden-cradlepoint","type":"user","email":"bryan.a.hadden@ericsson.com"},"email":"bryan.a.hadden@ericsson.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/bryanhadden/design-system-for-cradlepoint-wp.git","type":"git"},"_npmVersion":"11.0.0","description":"Cradlepoint Design System","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","react":"^18.3.1","jest-cli":"^29.7.0","puppeteer":"^23.1.1","react-dom":"^18.3.1","storybook":"^8.2.9","@types/jest":"^29.5.12","@types/node":"^22.5.0","@stencil/core":"^4.20.0","@storybook/html":"^8.2.9","@babel/preset-env":"^7.25.4","@storybook/blocks":"^8.2.9","@storybook/theming":"^8.2.9","@storybook/addon-docs":"^8.2.9","@storybook/addon-links":"^8.2.9","@storybook/manager-api":"^8.2.9","@storybook/html-webpack5":"^8.2.9","react-syntax-highlighter":"^15.5.0","@storybook/testing-library":"^0.2.2","@storybook/addon-essentials":"^8.2.9","@storybook/addon-interactions":"^8.2.9","@whitespace/storybook-addon-html":"^6.1.1"},"_npmOperationalInternal":{"tmp":"tmp/design-system-for-cradlepoint-wp_1.1.3_1750694130359_0.45187456804211235","host":"s3://npm-registry-packages-npm-production"}},"1.1.4":{"name":"design-system-for-cradlepoint-wp","version":"1.1.4","description":"Cradlepoint Design System","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"},"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"},"devDependencies":{"@babel/preset-env":"^7.25.4","@stencil/core":"^4.20.0","@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":"design-system-for-cradlepoint-wp@1.1.4","gitHead":"dca5b2c7778cacb2b25fab287194dbab0f053c1b","bugs":{"url":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp/issues"},"homepage":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp#readme","_nodeVersion":"22.11.0","_npmVersion":"11.0.0","dist":{"integrity":"sha512-uqeTNG7gRw1lqfF28Dc3/UoXgvUyLo3oAbCwrqnuKfbk6qfWg3YdTD/YHH46MApZdMnirSKCbrtNUzVQupH4lQ==","shasum":"6dec1f8812d6cc6b7bb88b228efc7af2c96cfe94","tarball":"https://registry.npmjs.org/design-system-for-cradlepoint-wp/-/design-system-for-cradlepoint-wp-1.1.4.tgz","fileCount":142,"unpackedSize":1013972,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCoC/55qpt/Jr+1D8Er+Ifgzz2Hzl2tsOIXA97T9dBJ8QIhAMoLPAJO+n9bCDMB2t69aqhOWQ9cSp/c00WLcarpKXBh"}]},"_npmUser":{"name":"bryanhadden-cradlepoint","email":"bryan.a.hadden@ericsson.com"},"directories":{},"maintainers":[{"name":"bryanhadden-cradlepoint","email":"bryan.a.hadden@ericsson.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-system-for-cradlepoint-wp_1.1.4_1753912065227_0.1746063422847115"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-02T18:52:53.855Z","modified":"2025-07-30T21:47:45.651Z","1.1.0":"2025-06-02T18:52:54.123Z","1.1.1":"2025-06-03T15:07:58.506Z","1.1.2":"2025-06-03T15:15:29.158Z","1.1.3":"2025-06-23T15:55:30.579Z","1.1.4":"2025-07-30T21:47:45.455Z"},"bugs":{"url":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp/issues"},"license":"MIT","homepage":"https://github.com/bryanhadden/design-system-for-cradlepoint-wp#readme","repository":{"type":"git","url":"git+https://github.com/bryanhadden/design-system-for-cradlepoint-wp.git"},"description":"Cradlepoint Design System","maintainers":[{"name":"bryanhadden-cradlepoint","email":"bryan.a.hadden@ericsson.com"}],"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"}