{"_id":"@asemirsk/card","_rev":"27-20b26700e0fdd936dd082eabd1b7e0b2","time":{"created":"2022-04-04T11:44:58.321Z","1.0.0-alpha-3.9.0":"2022-03-15T12:56:39.190Z","modified":"2022-05-25T09:17:52.640Z","1.0.0-alpha-3.1.0":"2022-03-15T13:54:15.795Z","1.0.0-beta.2":"2022-03-15T14:25:11.126Z","1.0.0-beta.3":"2022-03-15T14:37:41.532Z","1.0.0":"2022-03-15T14:40:37.685Z","1.0.1-beta.0":"2022-03-15T14:44:45.644Z","1.0.0-alpha-5.3.0":"2022-03-15T16:03:38.508Z","1.0.0-alpha.0":"2022-04-04T11:44:58.558Z","1.0.0-beta.5":"2022-04-04T13:57:40.273Z","1.0.0-beta.6":"2022-04-08T20:00:51.654Z","1.0.1-beta.6":"2022-04-08T20:05:03.618Z","1.0.1":"2022-04-08T20:09:44.188Z","1.0.2-beta.0":"2022-04-08T20:19:14.169Z","1.0.2":"2022-04-08T20:22:22.394Z","1.0.3":"2022-04-08T20:26:26.252Z","1.1.0":"2022-04-19T15:07:13.176Z","2.0.1-beta.0":"2022-04-29T14:35:18.276Z","2.0.1-beta.1":"2022-04-29T14:41:39.149Z","2.0.3-beta.0":"2022-04-29T14:49:48.716Z","2.0.3-beta.1":"2022-04-29T14:51:41.876Z","2.0.5-beta.0":"2022-04-29T15:06:49.706Z","2.0.6-beta.0":"2022-05-02T10:08:15.763Z","3.0.0":"2022-05-02T10:21:44.874Z","1.0.0-beta.16":"2022-05-06T09:17:14.746Z","1.0.0-canary-24-22.0":"2022-05-25T08:46:23.001Z","1.0.0-canary-24-23.0":"2022-05-25T09:07:56.234Z","1.0.0-canary-24-24.0":"2022-05-25T09:17:52.525Z"},"name":"@asemirsk/card","dist-tags":{"alpha":"1.0.0-alpha.0","latest":"3.0.0","next":"1.0.0-beta.16","canary-24":"1.0.0-canary-24-24.0"},"versions":{"1.0.0-alpha.0":{"name":"@asemirsk/card","version":"1.0.0-alpha.0","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/core":"1.0.0-alpha.0+28ce15a","@asemirsk/fclasses":"1.0.0-alpha.0+28ce15a","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"28ce15a6b1c49e6f984d59ff1db29bac050fe78d","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@1.0.0-alpha.0","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-sranNr9tM0ItL9i9iWXuMi7xcLiSMk4XjSJ/aDrgscpLenhSGjL/BuW7Dk27a5ammGZ1G+KQ7EPM5FLKfAO6KQ==","shasum":"6b09b1455f4941071d1323a37ad012254e418d1d","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-1.0.0-alpha.0.tgz","fileCount":9,"unpackedSize":461141,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuo2RaxVEqUEnu8go4oFpJTn47fTRxRHRhMO92SuNqJwIhANq+VESvL9W/xQRiHma6yAO/XyfHiCnBXdDApcoUnJvz"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSto6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKRBAAjmZGhEwxWkAN7E12VrgRwjikCnwAuD8D92IED8SrQmePYwph\r\nwtiPHNFSWmP3WDgiIrWpz8DazjpjHcSvukaerqfcZ3K+8NufMKGZh/vZY8va\r\nzSjBW44NYZV4M2bDkzZqUEfrpDr7zKNR2c39ydTSYPZXvgBiyZzK0oUs4Z6l\r\nKVCyOc5e80IyjancgY2eoKhIRqYqu1LFBkIkp9RNuxnwlhU9CnlTLgqPZOwC\r\nYvT37zLVGwI7Iu33BrAVcwhdbCyX7v0cC4Jmpl/naavRN0i7Z8X+Gwy+A1Td\r\nwKsd3MhaQH5WuurEc+mfsrOuralm90zo7xxApEV0ysH96V27kXpZFpARBnQg\r\nJkitgqKWzCi8WLS8gxEOnIM40nj33sRSVlOYgaoAFQm3LvjgldI8ivsgRVBT\r\nup8ClHF3XIVskCgX69MwH1mYWq+PwibmHMxNfxfO6mHoYhw80zjoJoWsdmw1\r\nzqdXJkHV+nPHT5KxxHj1YNdLKgQwGbd2KGsKq1+zu4i6XPordDKuThL48o0Q\r\nqYVH9HMD1rbIGuMCJYFTVohLVX2ZQDcdLT2RVgFkJ3CLXqmhrhz/lMhkCvl6\r\n9wu5EVXa8Eo04bs2LYGuGY4/RoZbG1ZeBNZf+ehth3akjijTlLvqkqmOGYiy\r\nBZj1fizFCU0n+ZGM7zHGeaNKvArUiQ0+fBM=\r\n=NiGw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_1.0.0-alpha.0_1649072698408_0.6812734565515168"},"_hasShrinkwrap":false},"1.0.0-beta.5":{"name":"@asemirsk/card","version":"1.0.0-beta.5","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/core":"^1.0.0-beta.5","@asemirsk/fclasses":"^1.0.0-beta.5","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"e6beb3c3e2c8fcff324e0e741ec5746fc55ec312","readme":"# Card Component\n\nCard is a group of content which \ntypically features a less than full size image alongside supporting \ncontent or a call to action (CTA). Cards are commonly used on websites to \ncall out or offer something to the site visitor. The card component allows\nsite builders to configure and modify cards according to the site design.\n\nBasic cards usually consist of some or all of the following components:\n* **Title:** Text editable via simple text editor.\n* **Image:** Image component - linkable or not linkable.\n* **Description:** Text editable via basic text\neditor.\n* **CTA Button:** Text editable via simple text editor. Link component\nto configure link.\n\n## Content Editor Details\n\nBodilessJS by default offers basic layout options for both vertical and\nhorizontal cards. For both horizontal and vertical options you can choose to\ninclude the following: title, body text, CTA.\n\nTo place a card on your website click on the +Add button on the toolbar.\n\n1. Select the type of card you'd like to use. You can use the filters in the\ncomponent window to narrow your selection. \n\n\n2. Once you have selected the appropriate card you can edit the various\ncomponents via the context menu.\n * e.g. For a horizontal Card with Title, Body and CTA\n\n3. Resize the card by clicking near the blue line on the righthand edge of the\nflow container box and dragging to expand or contract.\n\n\n5. Re-position the card on the page by clicking near the two lines at the top\nleft of the card's flow container box and dragging to the desired place on your\npage. \n\n\n---\n\n## Site Builder Details\n\n### Card Variations with combining tokens\n\nThe card can be composed of different tokens (see\n[code](./src/components/Cards.tokens.tsx)) to\ncreate many card variations. These variations include:\n\n* Horizontal \n* Vertical \n* No Title \n* No Body \n* No CTA \n* Overlay of CTA \n* Overlay of title\n\n### Usage\n\n```\nconst CardVerticalNoTitle = flow(\n asCardWithPaddings, asCardDefaultStyle, asCardVertical, asCardNoTitle,\n)(Card); \n```\n\n---\n\n## Architectural Details\n\nThe Card renders as a block of html with the following:\n\n```\n \n \n \n \n \n \n \n \n \n \n \n \n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@1.0.0-beta.5","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-7ycm39DQ53hfQOCq6XzBw55ksnhi5xIpwElHre65efws3eeE66vV0JQGDfwazN+EW+DbOOSNR/UqTWe8XaySDw==","shasum":"871238b4d8c15ad542a6536a3163184391304eed","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-1.0.0-beta.5.tgz","fileCount":9,"unpackedSize":461116,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGwxYm05/j2VhBEeZeU9nlaqfRI74vJgyqabOBnbQCthAiEA+GO2zrxRxctloZF8Hi0SU1x1rfLQ6LzDtZFzK6OWgEs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSvlUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1UA/9HdTgTSnzDXZhRXAocBW1iUqu4sXhLgrWVAhUJMIQDQP2JQEO\r\nQF0n1qX5JbeEx+iRTG2b01qaqvFuzHqs36tCKjP8TNzNjocac+IJtTM3rQm5\r\nJbllY+h/PufcjprWCZwyJmRvWxYuIyeHGB5OBw4Ka6qwaHBsY+Nq4HgzZLHY\r\nJStWu+Jx8+C2c/WiJfCE5VrzT/RKaRuxr+z4Z/P14cfDIJnJ4gnYIp5+txz5\r\nixFeVORorcASX8i2+dhDomB44HiVcCXb09i1QsIlt6s+EZnLQsfmKVYIcQTq\r\nm/1fls1UAUOjBpCWyoPuKaouZTB8qttHWhdD9zHxRtNwdaBWaN2K3WltZCVW\r\nN/K2zuh1lc3LUU9r2eFHf11lidBD1fi8HSD9mTKjRuB4yT1t+O/dGKhlZ/+f\r\nBl0uYZ68PJBtRn3cAYTL55p15efCH+xTijpEMDcMPqzJLf0uDFuuMjdSEt1x\r\nNELuRBw1eM6aPtIRGELH1UttFfzTyNsns3W9G5ppbKlUQfroKhbSFspiuQ/N\r\nodsII33ucWFcd82pq8k2QZb0CTFtbxC7AbLVbT2u1GK6MZd1H5FeA3fnr5eM\r\nxA4VQLURazO+re/+6VNHVddHeV6n2lyhl5+hGJfbgcXOISmSDG9SaXYiyke5\r\nI73Jimcu8PN/7R//ZteJSRjFdSqbm7FmsHg=\r\n=IpHL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_1.0.0-beta.5_1649080660109_0.3082527397237331"},"_hasShrinkwrap":false},"1.0.0-beta.6":{"name":"@asemirsk/card","version":"1.0.0-beta.6","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.0-beta.6","@asemirsk/core":"^1.0.0-beta.6","@asemirsk/fclasses":"^1.0.0-beta.6","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"cbd97725152f2362bb86e6d4bba02043e3c4570e","readme":"# Card Component\n\nCard is a group of content which \ntypically features a less than full size image alongside supporting \ncontent or a call to action (CTA). Cards are commonly used on websites to \ncall out or offer something to the site visitor. The card component allows\nsite builders to configure and modify cards according to the site design.\n\nBasic cards usually consist of some or all of the following components:\n* **Title:** Text editable via simple text editor.\n* **Image:** Image component - linkable or not linkable.\n* **Description:** Text editable via basic text\neditor.\n* **CTA Button:** Text editable via simple text editor. Link component\nto configure link.\n\n## Content Editor Details\n\nBodilessJS by default offers basic layout options for both vertical and\nhorizontal cards. For both horizontal and vertical options you can choose to\ninclude the following: title, body text, CTA.\n\nTo place a card on your website click on the +Add button on the toolbar.\n\n1. Select the type of card you'd like to use. You can use the filters in the\ncomponent window to narrow your selection. \n\n\n2. Once you have selected the appropriate card you can edit the various\ncomponents via the context menu.\n * e.g. For a horizontal Card with Title, Body and CTA\n\n3. Resize the card by clicking near the blue line on the righthand edge of the\nflow container box and dragging to expand or contract.\n\n\n5. Re-position the card on the page by clicking near the two lines at the top\nleft of the card's flow container box and dragging to the desired place on your\npage. \n\n\n---\n\n## Site Builder Details\n\n### Card Variations with combining tokens\n\nThe card can be composed of different tokens (see\n[code](./src/components/Cards.tokens.tsx)) to\ncreate many card variations. These variations include:\n\n* Horizontal \n* Vertical \n* No Title \n* No Body \n* No CTA \n* Overlay of CTA \n* Overlay of title\n\n### Usage\n\n```\nconst CardVerticalNoTitle = flow(\n asCardWithPaddings, asCardDefaultStyle, asCardVertical, asCardNoTitle,\n)(Card); \n```\n\n---\n\n## Architectural Details\n\nThe Card renders as a block of html with the following:\n\n```\n \n \n \n \n \n \n \n \n \n \n \n \n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@1.0.0-beta.6","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-X5StgV1Sk58tx//SPNIFCTqBTqvIh/2UOaRvtVA2RGjtNYVVB4lnVGf39D3SdqgnXJXYXOvDvzEy23F3ypcCcg==","shasum":"542a3bcc799081a9e70b087f1f25c3a1eff23cc4","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-1.0.0-beta.6.tgz","fileCount":8,"unpackedSize":459856,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCukiCs2SotJm2N9c+tTT2TYV8dV0qfJt/cXNCLT/O+7wIhAKlr49MRyaMM4g4g+ubXtfMtI303V9oogjlbEacQy9Ty"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiUJRzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqvpw//Ut7jc3uylqq5ILmzt2umNsp/T2nYwlzneE9hZWKIjp6X8Xog\r\nWnSeJvnFkBircoSQ1HtRw4F3JyPVRQyT0K06ROAFHgg38TLOk0vIkeJsSEaU\r\nfKjhSM0w1haSWwrybb7Tex/A+9i9XaeWwNbaLgcPNB6fZFHpxu30qobkOAuk\r\nUnAJrO3EQHR5qiVVBc9foz0b29vE/kj4GM2eUdc3AFvta4xS/dFLpqMwstn8\r\nxSMx/5sqZtikY12268vTr4CHDIXXfTwcCz/PrTahpYZ5zAVbdmVRTmREseKx\r\nYOcO6NLiiNCr7TWHzNZaSteWYvDcT7puQbIMN2qiXNrh8DocyvWq7pDdAG9j\r\nEdcZrwU++IAdVz2a5FryLluzuFsgxCQUYTmAMvlDBAH2OWHuZmfcCzTNHW8V\r\n9H8yTElM3b3S6eGWmurp4q9S1HUHjYW+V0ZJKt9CBFRV5JSBs3KnHo4KV6X2\r\nRS3YRRGpGcLTlaHl8bobv8oZTvtRX7EPLgQVR+X9kSwTKr1VEzJ0fAAeyT21\r\nDuUjjtYwNWdd95NjBmtrUJP6NadmrDHL+8FfXGjpAMXWlc2XwNA5ce4tQ5t+\r\nF2qXdNrTEuUb/G92fJ6ZYMSsWWxa9qkneY4rn+iaIf28ZRlIdyHlPNJgYWlj\r\nSJ2N8HXZiS7ec2dKG92ViLiiVMvnh9R1/lE=\r\n=t0LD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_1.0.0-beta.6_1649448051431_0.03603620364634108"},"_hasShrinkwrap":false},"1.0.1-beta.6":{"name":"@asemirsk/card","version":"1.0.1-beta.6","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.1-beta.6","@asemirsk/core":"^1.0.1-beta.6","@asemirsk/fclasses":"^1.0.1-beta.6","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"dfbcb3dab592c76bd48c138c275c1e27fbd9ca1d","readme":"# Card Component\n\nCard is a group of content which \ntypically features a less than full size image alongside supporting \ncontent or a call to action (CTA). Cards are commonly used on websites to \ncall out or offer something to the site visitor. The card component allows\nsite builders to configure and modify cards according to the site design.\n\nBasic cards usually consist of some or all of the following components:\n* **Title:** Text editable via simple text editor.\n* **Image:** Image component - linkable or not linkable.\n* **Description:** Text editable via basic text\neditor.\n* **CTA Button:** Text editable via simple text editor. Link component\nto configure link.\n\n## Content Editor Details\n\nBodilessJS by default offers basic layout options for both vertical and\nhorizontal cards. For both horizontal and vertical options you can choose to\ninclude the following: title, body text, CTA.\n\nTo place a card on your website click on the +Add button on the toolbar.\n\n1. Select the type of card you'd like to use. You can use the filters in the\ncomponent window to narrow your selection. \n\n\n2. Once you have selected the appropriate card you can edit the various\ncomponents via the context menu.\n * e.g. For a horizontal Card with Title, Body and CTA\n\n3. Resize the card by clicking near the blue line on the righthand edge of the\nflow container box and dragging to expand or contract.\n\n\n5. Re-position the card on the page by clicking near the two lines at the top\nleft of the card's flow container box and dragging to the desired place on your\npage. \n\n\n---\n\n## Site Builder Details\n\n### Card Variations with combining tokens\n\nThe card can be composed of different tokens (see\n[code](./src/components/Cards.tokens.tsx)) to\ncreate many card variations. These variations include:\n\n* Horizontal \n* Vertical \n* No Title \n* No Body \n* No CTA \n* Overlay of CTA \n* Overlay of title\n\n### Usage\n\n```\nconst CardVerticalNoTitle = flow(\n asCardWithPaddings, asCardDefaultStyle, asCardVertical, asCardNoTitle,\n)(Card); \n```\n\n---\n\n## Architectural Details\n\nThe Card renders as a block of html with the following:\n\n```\n \n \n \n \n \n \n \n \n \n \n \n \n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@1.0.1-beta.6","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-8HMxfdHb6c9kytN/gfpG+q5QrfBLSJouUVEQT/Evn/UPvPB7KLKMNFVhpOCIxl+PlgP5n8PoTn2qB+kbNKt5fw==","shasum":"16d13fcdfc7d48ba1c01257147cd20042428277f","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-1.0.1-beta.6.tgz","fileCount":8,"unpackedSize":459856,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBOAGI8snjL36rlqgIrV3EuZuNp3xeHiFNzwvPzn8WmYAiA2ZFjE9CzN+cP386M6ARiwlk+YTpwWA2FfwP5s5yJzmQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiUJVvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9WA//Yst2K/togMycbcRk5zugbEQ0IeYR+QdYI/731qg67r6bMmst\r\nhpnPr7fyWqjLHp8cG0DcsMSdZs7Q5f/0WtH2dgG6XGxwLVSmx/+Zl2kPjdjm\r\nXUOgfPBhXZB9ZUiKWZNOstKAEv18Nv9qRoJc3b0JtVE88S4j1u9DLZ1xvPNl\r\nZbikhkGOa8LPneo+Xprr6v5pLQ3ZC09Z1NYQQ7BrAvQmmfnSiTr+H+IQtIWZ\r\n2x5D4mfs/RXIMQa7qVjjfyzPJonF9nsoo+WbIw1o8GyGfYw9c5OK030Niwd6\r\nLEtbw00tfYa4xiySuNRPNmHJqYmR66coNv1thL+CCZfKq9Xa86kWBI9/zmxo\r\nzk5qTvLgnaySd4wzVCT2eKO8JY+TDp1lwO9aCnIpR+dJTNFYlI+ho54iaQcb\r\nhjesih3UWbUHWS86Qj8fYtY3OxhUcnGY6czv4a6rE5jNlDuS0hLpqVixNC88\r\n1W2nx8bycFoq5EvaOOoHguslDkTSnsHm4RVfoOrF0enyB9MhAcrtijWFpIXP\r\nlz9+Fi5XipBNgXBb6z3Oxa9tIub2O/uWPhVFBk6LZc2Z+yOGGFV3NKbY0XIK\r\nJA2wZEfVjCudcqcNWD/8gZ4e8Hk/phDfN9qvtHzXSdDBAKzz7pkpYdeyjES8\r\n1/I71phZFzBtcTdkuL77lo/TJdnbsy+0Z00=\r\n=iVHD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_1.0.1-beta.6_1649448303334_0.5403885709052054"},"_hasShrinkwrap":false},"1.0.1":{"name":"@asemirsk/card","version":"1.0.1","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.1","@asemirsk/core":"^1.0.1","@asemirsk/fclasses":"^1.0.1","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"b943f745d8dc223a872b770f79f3e0db78f43486","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@1.0.1","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-UVEs67hPl1tJhUz7r/lXlO1ZpsfQ9eNgRVUbjcc2ikbkToa1jsnpqj/xooMgAvniBWuW8z2BoxUKs8M7SMdkLw==","shasum":"f1f928cb577a1779333a0f13859eafc0b55b9e22","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-1.0.1.tgz","fileCount":8,"unpackedSize":459828,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDaDZBKYA09+UCbNLSC/l7ssuNsiY+i/+zO+DMr33jPiQIhAISTK8BeA8aJj1EXLwbjbeDb9OaitTfOMMIghFabmZwK"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiUJaIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpuqQ/7BVCmyG0hui5njBa5bfsrvp/gnRHKQ9T0QqTSZgns0vMn8+xZ\r\ntiiLNZpR8TmWlKCrbjdTlF2Mg/U41uCBSYXNi048ms+8ll8WKWwYc1TSpAXV\r\nzT2ruLl+NMRCsOITJFss2bI561/bIRNfrvc5AR/m2LC3pFzEB4nnamGwugCL\r\nqlQ247FxxykHpnUW+jlPLMCbikDHVsV0Sqmz2PaeKxxaSSS/9PyGw6dMLAjB\r\nkHsY28eoyOOAPnoidHw3tX9E/Ie836mWYlHk7XpKpMu8sG71/AakvfoP9ex9\r\nSBFR8q3ozO7p61t8n7nnz1UVynxLxZ1T1s9dJ1r1a4k94FBsWovCKz46JBio\r\nsnUx522tzMYKkPDsWMB5ENnvv85EfjcxnkW46FTwZ0A7hXyW/7Xu5YuYYiiG\r\nGPq3M2E9Q3qOSIgHi48RYejbuUy8n61E6RmBbm+VzLBXA64HYBeAASpSRhrX\r\nf5rZV7Ety3ZHpm566E+b/jLQ5MbfNELC5Nzs5RV7Ypdvtg0ybfUoFwgNp6Xr\r\nJ6DSZjxeYvd0/sWdIt0Daub97SO+RbCxPyrxcmWdkRsWYOtmiL9YcJZ+rgCi\r\nf8HJPNuE6ywynAmunFxVx6k2bu06p7oc7v6eIEd6aflgp86gbo8c++8Pm0OK\r\nIx1guooRbZ2GRXWipGGr5kYk+E8Nnm2VgRE=\r\n=W2Tw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_1.0.1_1649448583994_0.053138036248347786"},"_hasShrinkwrap":false},"1.0.2-beta.0":{"name":"@asemirsk/card","version":"1.0.2-beta.0","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.2-beta.0","@asemirsk/core":"^1.0.2-beta.0","@asemirsk/fclasses":"^1.0.2-beta.0","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"da62659a8fb42aa89cdc8cae2f148c8dd8db5dcb","readme":"# Card Component\n\nCard is a group of content which \ntypically features a less than full size image alongside supporting \ncontent or a call to action (CTA). Cards are commonly used on websites to \ncall out or offer something to the site visitor. The card component allows\nsite builders to configure and modify cards according to the site design.\n\nBasic cards usually consist of some or all of the following components:\n* **Title:** Text editable via simple text editor.\n* **Image:** Image component - linkable or not linkable.\n* **Description:** Text editable via basic text\neditor.\n* **CTA Button:** Text editable via simple text editor. Link component\nto configure link.\n\n## Content Editor Details\n\nBodilessJS by default offers basic layout options for both vertical and\nhorizontal cards. For both horizontal and vertical options you can choose to\ninclude the following: title, body text, CTA.\n\nTo place a card on your website click on the +Add button on the toolbar.\n\n1. Select the type of card you'd like to use. You can use the filters in the\ncomponent window to narrow your selection. \n\n\n2. Once you have selected the appropriate card you can edit the various\ncomponents via the context menu.\n * e.g. For a horizontal Card with Title, Body and CTA\n\n3. Resize the card by clicking near the blue line on the righthand edge of the\nflow container box and dragging to expand or contract.\n\n\n5. Re-position the card on the page by clicking near the two lines at the top\nleft of the card's flow container box and dragging to the desired place on your\npage. \n\n\n---\n\n## Site Builder Details\n\n### Card Variations with combining tokens\n\nThe card can be composed of different tokens (see\n[code](./src/components/Cards.tokens.tsx)) to\ncreate many card variations. These variations include:\n\n* Horizontal \n* Vertical \n* No Title \n* No Body \n* No CTA \n* Overlay of CTA \n* Overlay of title\n\n### Usage\n\n```\nconst CardVerticalNoTitle = flow(\n asCardWithPaddings, asCardDefaultStyle, asCardVertical, asCardNoTitle,\n)(Card); \n```\n\n---\n\n## Architectural Details\n\nThe Card renders as a block of html with the following:\n\n```\n \n \n \n \n \n \n \n \n \n \n \n \n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@1.0.2-beta.0","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-TZ0v1UpHADtF46tH7U65kXxJWBPOLPQaToZqSH7LCEC/05Qo/RslM4riQlV4u2Hi2UWPTQXqtnBxuELCbfyNJQ==","shasum":"0e41279bc463c164f312f5e0ebf9e64917e92543","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-1.0.2-beta.0.tgz","fileCount":8,"unpackedSize":459856,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCY7DDR4EdFq6K1YvmBtE22Yc6gqyl00Lkw31vfso8/5gIhAIRD+J9IoEvTH59dmJ8u/5NCMBejcF8nmsY8suGSSonR"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiUJjCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpwew//V7Rb6Sn2UAPICY6gD3qQvO35HDvF+4LECLKuKsaA44pWVMme\r\nyRhnEsfVS34tg/6+w4TaBEuPS6+cEQod+QT2SBSS9ATiROr7UxoX38q5Rcjd\r\nLREn0z3opJJIv8Pi8jKvPQW1+aon6aoaIfhTkTH+yS+7qNZMwpsjD2M939Bx\r\nMgrrSIqz+ReahG6+QDrETrubzO0nBPZ52B18J0jypz5rp+HaskG6RLS8c+W2\r\nStz8Ps9ac/akj+Wb3m2ki7stWBr3iBfQvoD2pXd0BRVSU29ADRHNC92kZRQ9\r\nOMTZ3d4ngJHGe/aJX4nfIz5Biwwixzc+ocpwZD4DduIg7xP/nUURZt2fTvq9\r\nEwido5QqCxINOlc6P7uBWP4YyzrAnJsQvd5FV0/pSaMs4EnGkLVSN1a55zI0\r\nTjATF5g+8/xZOkYsKM2g+BkkFcL4SDgaiJGByZps9i4ESaQjhsxO9HPejiDl\r\nXReQiTFNPemnzJ1fgxNIGDpO1aHfttVuYZMrSqN8Cgb8ClvxuIrLytARl7l2\r\n8m/qpUAdamZvJwDUp4/5RFna21cRcreDEAsFLsZ5/r1TwktjKl3440yfLVW4\r\nGKzEpFgerdAXctPz/U0vQSDX4h/9OE82gFevtg2N6ZZbFttISGfL1C+0dscl\r\nFA0heCz8d6FWBJ/bpOVEocYvkPqaH3urxH8=\r\n=wvBx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_1.0.2-beta.0_1649449153945_0.20061092181953488"},"_hasShrinkwrap":false},"1.0.2":{"name":"@asemirsk/card","version":"1.0.2","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.2","@asemirsk/core":"^1.0.2","@asemirsk/fclasses":"^1.0.2","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"19cad7cb078a3029c7b40248078ddfa4d413bdcc","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@1.0.2","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-qz5wpWbeT5uwd7u/6ANcN7mrOvnAE4O5Lc9jrpeBox53pyOQvCgnV4AeQQFZziAKzb5epOl7JoR1AQp0Q/CYeQ==","shasum":"05dfeee1c190a4ad2bce856ed4a9d77283f403e8","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-1.0.2.tgz","fileCount":8,"unpackedSize":459828,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZi2LOmwDd3Y9dvycs1jU9hFsBXNnZXKF3c605Dl1AWAIhAInDJr3q1wUcqVsnEXDiGMSC4lFnLYeUMiSOYmWDKiU3"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiUJl+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrc6w//a2aserxzxdbGTtkzLqsqFzmahJtmdznc3J5bauqvGiEjieEF\r\nWKfKaNp3H8Qus+x3RCE0PI/4Iv4cO6jVBasyWlaOOfGr5Cg9D1M29UbGCT5n\r\n+eEPI8NEwTjjzV7hLA7dAE2b9GQJz8YfSZiLp49FQvZLLPn80TUpqflMZjdW\r\nOrY9WAmgxIcxKMNEX1BPbOb0yZRmD5IOkkbMWDC2M1AkUjWgmoF1tURb6sYc\r\nKlOLJIQhqIXiX7wGUCvZ6Ih858TGhPtYnitE63FvpudGKn3AxM40HY5tDXRi\r\nxzBdtElD4tbk0PRJnDpcCvqMO+338Ql/O3Atz6h/OfyXC0dUqfKhPGDh+i/t\r\ne0KbzpZx401nkYSrZoS10aJ7loXVnvQjqzl5V6ZoRI3mGWMp7XdbwdyaBCgL\r\nhaOz4shgUv7cokqvkRjBJWKt3WYt17FjLT++6X3hNiw1G6DZued5ia7jdMb4\r\nzdEWTK5lz68X/u9+reN4VgjkLs38Bn8iHVrbriZCLYjD7sT+HZwrXDy65wUG\r\nOdMSglekgnhTnYg+RX/ilJ/be9NnQEz0B6htdzB7LYH5weyzEydghMjGfzfh\r\nT6UR2gvV3MlHjF2MrpFDDNNaQ93crsirkdD3zcbGmnnIcRCdwqHNz3BVMXMy\r\nOhN8WVmkOY6R/rNoPOfh8sw9mTLvrVJ+Q/k=\r\n=Z/eG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_1.0.2_1649449342173_0.5853701908289324"},"_hasShrinkwrap":false},"1.0.3":{"name":"@asemirsk/card","version":"1.0.3","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.2","@asemirsk/core":"^1.0.3","@asemirsk/fclasses":"^1.0.3","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"b46d91ae36b8631daaeaf0e17b4197086a98c2f9","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@1.0.3","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-fy5Z6iKpERbMlEvjhbyPxOXkMVcgq1ZGMDEMNUChsEiF+BCHFhdduwp7nuJ5rthqoqwWdfdT4o4yCKFCOh+gKw==","shasum":"305b632ad8c03898f385e28cdc8e5852b36d2d59","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-1.0.3.tgz","fileCount":8,"unpackedSize":459828,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDodKJG8OsAu0vLQ4xAXK/xyP1xQZRws2ME5LwdnfK5+gIgH+RKH62Asu/9fo0d704ai99UgMqUnl6d54nsnN4OC8Q="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiUJpyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxdQ/+PNUe1somdgbXjATRzpAlkgOf8rw3azhmMd+X3ZQynuP2MZZW\r\nCOY16Inmapsv0eJGGMCbBI5cOyqbb/rBgSVEAimriwEo4W6GQrtYHqZmwbob\r\n9tNcFZk9kNNV6lDgHEIRVpSd3IWsPti1QMYgt7fvXVnpup41mnxQ6rKQ96TO\r\nbKcLAh9+1XaaFtt7mzLjmERckQmvJPDELz/heJVJKb0lrW2rmG05vneLMhWy\r\nTibM7d3LxZH6ykR2YhaefwzREkobh5EFsDV1kyf/cCpwUKA9i+KicFyxSvMC\r\nha/N75ZSKUM2he81MjkqV/r2kbPp7oApIQZJy0EBEsoMzNzw+DxEg7J57p1M\r\nBaCjQjFg+KO+b1MSb+GnOLUc6CAACN+QyMOEnoO0QAlpc3W1LDcAirCzyQHN\r\nShFrYatjlr6WOTU556eqX29rvrDiTA56HMIF+voGQkUeD1JLZA+mXCUhnp5A\r\ngIPguRp+YsumfYc+7bhY45koK9IyWMnfKYZj3saPL+Bm+dxLiLU61MpLZiQW\r\n9ISrJdsKlfKljR+polFSMBDDoWw7eOcDN0Vyf8TLmf0HvesHqVy/WJfg2Qj0\r\nZiKHpnz+YYqAALrhwCoQtAB3UTvstkKyyKwJePNkXvFDCEC4d+lSUYkAVLCh\r\nLz2ZUlRxxqThONxZZWVQCGnpH26nlYs5DnU=\r\n=STzo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_1.0.3_1649449586011_0.001571292701039173"},"_hasShrinkwrap":false},"1.1.0":{"name":"@asemirsk/card","version":"1.1.0","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.1.0","@asemirsk/core":"^1.1.0","@asemirsk/fclasses":"^1.1.0","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"e767bae774cc17eba5d92b638b7628cdc9236086","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@1.1.0","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-UK11+hG2xP8nFmu3x6puRLzSKVExpf42UFfZ6WtEJC8CcoljmwEAxBfrJvNusn1QzcbXUDW+1Th+xFICExPJtw==","shasum":"0b9822049a720be58a3914583bf24f716633ac3a","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-1.1.0.tgz","fileCount":10,"unpackedSize":462026,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+6yhnPfxyD9/9ogU02j8QkN1gJDpIF9CM95HPf30e3AIhAN+cfDAsVTOgdG05wwkdK+zS/y7cqAV4P5qMYGdm1Xyg"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXtAhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrbLQ/9Fm42GK/k9spWNiSd00E13PxvgaJXm0J7cRJ8XSH+yslaB/ff\r\nX0mn9xVhW8wDFfUVZ+PY4Nl4vA+I1L8Mbt5cIC/G2cEA63bUnwLjZGalwKHS\r\nIrcZYtzGlfOqDN4Y+G64Ax9fuFAlZibYy4tlGrYVugeIm/AMcwGBL+pz4Qav\r\nATKLbJkr5CYUZhJ6U0qvOeUbP95+N1xdrDdPVvJl/htZRAnDu3eocBFN5Web\r\nixYJ0O8SdcYnqGwYj5j2AJmkSK5MTg0jlZM/IngnIkkafMunlxxHbkxnGTxh\r\nRbw+KZBbFLDJ/nckuRO3QxIJsoxqJSxLhg4VdlZfviSl0KJBO/RsLsVhtQjC\r\nMXOORcjaCN2ci6XOtEy5SdnEzU7qXzScEndMvXzMP36yRuhIs2VIVutk1m7v\r\nleU3SQ+D6PJua13aamUtiTniXJPHmTN1o5WncIRbdNMYBvRmNO2O9qRIcwxV\r\nlCWXc4BVIooJ97k99uc9A0obPjrf1v6txl6diPtI/Yuidyp28M6IyARqRFA+\r\npyup/10JUb/w0aSLH52TEXUaUi/XDRMPAxTEScC/VLt86ylx8sv23u8jtf7v\r\nrZOCatT6xbzT88JArjcMeSLI/+qoysYzRDQnpbW5KaAMX/PArCsMVAFMykWw\r\n0ai6lj3z0BhV9ryQOzwBsBJsGwbM5CjS/zU=\r\n=YYeI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_1.1.0_1650380833011_0.871664332376171"},"_hasShrinkwrap":false},"2.0.1-beta.0":{"name":"@asemirsk/card","version":"2.0.1-beta.0","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.0-beta.6","@asemirsk/core":"^2.0.1-beta.0","@asemirsk/fclasses":"^2.0.1-beta.0","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"2aebb64eab582696b080b48c5f3475c2759f6408","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@2.0.1-beta.0","_nodeVersion":"16.9.1","_npmVersion":"lerna/4.0.0/node@v16.9.1+x64 (linux)","dist":{"integrity":"sha512-AZ1u3/R/sLX/Ex2LUHaLqWVIRTM3E4mFy4yFioaLi1z0fywmoHk31L6F5d1bQySAT5JryIxWc7C08UxnuG2WRA==","shasum":"d9a937d36c94a4efc14d36658cc2161022351a57","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-2.0.1-beta.0.tgz","fileCount":10,"unpackedSize":462054,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAlh/kK7IRtWjhYWA36u6yvX3hBcrKVX8mgN3ivUJiQKAiBTn5WOC3oacBCWXhe89O+LlUQDJxk9oA7WNF4UHKI2JA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJia/emACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrb6xAAnRrj17vIqCMGuDuIvAe+EgnzgUSH7ipr437kmtW0c3mxLwEg\r\nzi3u457IsU7SJIQjE7PEWOWpOU8s1VEzUAUcX/S3R34ehYHHypbiDiAQo7uc\r\nEGaztLz3WFijPTuBNUA5evh4D4Yt9CZUw8ihUI0gG5co49yoXg0iIYE+5all\r\n3juXBVAMTRMInV39LG+9dc0AcR4RaZ6FmInLgv5cCYPDYV+h1r06/7gda6T0\r\nsl2K2ZEkiJNibcfvFFqF7RtNvDMNJOnI8wGAlMh3+qgsbesIttVCrMvTVihU\r\nGg1RCDaikQj0XeltAW0b9xq5lZapjXCQbJrDZjDUZB+6sRWnmM58If+PIKW3\r\nScgNkpP2frQ8ManQ53j3/z3Iuc0pHqzgWNxThs/QH2+YGK/pCvaGqrxzPoVO\r\nfqC82CxpgNtVOih4dHMiiy5Pp7ccRTDrIB6GYQ99SNucMT5nlcBT+7KspcwP\r\nLOx6IwVd4mu/wUbDju3WIIwMnJKIjA78iAj4eKI/D2Zoo503Z/2U+PNHI69P\r\n4oSG+sRsLfyB/N8M8HUYKvdTdGP5W1MOYFRDTXUgf4Zbcoj9sTo0rBR8MsPV\r\n7l+rkGDFcwOJ3YBlseXf0wg5pS1ogI02hD9aVOnriQeUZ74Do0ixgKDr5lC/\r\n6kweMYXe36kx2xkPlK3NPMMmAfnxaP9GKK0=\r\n=1Jbt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_2.0.1-beta.0_1651242918000_0.8553517136355091"},"_hasShrinkwrap":false},"2.0.1-beta.1":{"name":"@asemirsk/card","version":"2.0.1-beta.1","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.0-beta.6","@asemirsk/core":"^2.0.1-beta.1","@asemirsk/fclasses":"^2.0.1-beta.1","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"8651151ffab8ce28ac9424085c9325e3485ba177","readme":"# Card Component\n\nCard is a group of content which \ntypically features a less than full size image alongside supporting \ncontent or a call to action (CTA). Cards are commonly used on websites to \ncall out or offer something to the site visitor. The card component allows\nsite builders to configure and modify cards according to the site design.\n\nBasic cards usually consist of some or all of the following components:\n* **Title:** Text editable via simple text editor.\n* **Image:** Image component - linkable or not linkable.\n* **Description:** Text editable via basic text\neditor.\n* **CTA Button:** Text editable via simple text editor. Link component\nto configure link.\n\n## Content Editor Details\n\nBodilessJS by default offers basic layout options for both vertical and\nhorizontal cards. For both horizontal and vertical options you can choose to\ninclude the following: title, body text, CTA.\n\nTo place a card on your website click on the +Add button on the toolbar.\n\n1. Select the type of card you'd like to use. You can use the filters in the\ncomponent window to narrow your selection. \n\n\n2. Once you have selected the appropriate card you can edit the various\ncomponents via the context menu.\n * e.g. For a horizontal Card with Title, Body and CTA\n\n3. Resize the card by clicking near the blue line on the righthand edge of the\nflow container box and dragging to expand or contract.\n\n\n5. Re-position the card on the page by clicking near the two lines at the top\nleft of the card's flow container box and dragging to the desired place on your\npage. \n\n\n---\n\n## Site Builder Details\n\n### Card Variations with combining tokens\n\nThe card can be composed of different tokens (see\n[code](./src/components/Cards.tokens.tsx)) to\ncreate many card variations. These variations include:\n\n* Horizontal \n* Vertical \n* No Title \n* No Body \n* No CTA \n* Overlay of CTA \n* Overlay of title\n\n### Usage\n\n```\nconst CardVerticalNoTitle = flow(\n asCardWithPaddings, asCardDefaultStyle, asCardVertical, asCardNoTitle,\n)(Card); \n```\n\n---\n\n## Architectural Details\n\nThe Card renders as a block of html with the following:\n\n```\n \n \n \n \n \n \n \n \n \n \n \n \n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@2.0.1-beta.1","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-1iGw26hDYC5I4n8DqxcXTsV+FAERNvsdyTcvmKM7vI3WEf33XTfdnTpOKX93bUxRrdRdn52FrQR7DE6vkpbsww==","shasum":"1352d6330bf1eb5d006356a752b0746eb52bbcba","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-2.0.1-beta.1.tgz","fileCount":10,"unpackedSize":462054,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB3cGaNcIL+9gZVWY24nwouXjKNlyjCa3oRKIv04JGl1AiEAsz+SOcmq/2I1FACfqycUXtYbUdVlXqEtSEVNtG3lhVM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJia/kjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrduQ/9GH0+jCA1kHFEILIzIrRdMgudlZ5CV2ujI2gXpN6IFaof636S\r\nppL9wJ7exim1C9a6BReAJZoHzSP7Zwo2zXPAsh/fDR1qagGfXBTmuFRkw9Az\r\np6o5MdJyMyr/JvWXBQxcZSYLHOCjc9WaYt2GerApbKKJdXUoSRjZoyzQsUx/\r\nwdaLuKOq2I+v7F+zq0TRFh70o19FaKqPNfxdRwDYMQtjf/E9xeIyFMgeK13k\r\n55yO/zZEq2gnyHCqBApuOjmsxMwfyuih9pxPxHtWIKMGIkWF0K5Shib/6sjv\r\nFWIFI77Hch8f2uqhY4GfqIFq+GLMvCHzdtJQJpB6omsdiAN3DtrerY+Haikk\r\n6lZxgErRkKjt59mn0HNosI5FOvSesDVVAfAuLkVSmjIwlzFGiq9ZTWFl7r/4\r\nK0GuY6UP6ciiPGWo9nlr9Rv4QKUiy9AE/2TbCj7d4h5lkK4hjGLLTItz7DBh\r\n5clfvyJYM5Ci4C7eqswV+IMcie3FfZ4hO9AIVPyPfxzCklO8oLgGJZS0Hhar\r\nVUXZ4XzSMso4wELS/SMSg8VS436tRuGKqV5xm4mpVEyr0N5QjqPgC9yQ6ltz\r\ncbeF1lMCP7ubGr/HqkOSMijko15USoFOczXIsNmX7J+Af/IqNQKUksnu3zK0\r\nySz4k1Qa3yVpw5u2s1vMZv5uZOUFXE+CfXM=\r\n=I4cD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_2.0.1-beta.1_1651243299005_0.9327927090879242"},"_hasShrinkwrap":false},"2.0.3-beta.0":{"name":"@asemirsk/card","version":"2.0.3-beta.0","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.0-beta.6","@asemirsk/core":"^2.0.3-beta.0","@asemirsk/fclasses":"^2.0.3-beta.0","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"95b0d427717d1ca0bfedc22f3f23323acc223e94","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@2.0.3-beta.0","_nodeVersion":"16.9.1","_npmVersion":"lerna/4.0.0/node@v16.9.1+x64 (linux)","dist":{"integrity":"sha512-YbXkldudIfkD4MIxSUgh0uOJC2rC+Jrt5bYdGjq3TyAev+3dRd7w74xMMGDM9E1pQHMvigfcai/CAkI+Pt/5qQ==","shasum":"79e4a85633a161b20c07f87710be17efed56a2da","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-2.0.3-beta.0.tgz","fileCount":10,"unpackedSize":462054,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEi9I1GdF/JeevRN32SGveFSE3gLczkLqOyuV4ybHRL0AiEAwOWu5qyrTWnhUBNiR4XbT7mAdGXQo0QrKAY+Tal5gxQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJia/sMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvHA//U7a8tbb2nuyYdbLS3xmrPdU5OPNvnkoqW+4qwLuj6B+jiOKX\r\nZwP1HtkG4dT/dEBznsceslzAtGaxMQa6cLfBLJYKO2OqrJLgGDtg5mhuHLJb\r\nen9xjCBuffkRqSNYQdJ2LrHMAzFtH73+F2fmNrjg+n42h1slVLJ6rmecR8wD\r\ngh0KSusmnzLPbc3C/KV2mpd+HOfEujiFFzAF62OmYhsdy3m67O740z+kzRof\r\n+gsGfVH4BpcWva5I3KKFdDCzotGf76T4dJLuGVY9G9cBqFhkjVRcx/Fr9U55\r\nXGbkDKikQsIBpbwT1Jy8bBSABA5K/uVUxnIYH20xZsrMkN+KMjkgBdE5CCA2\r\nbi56/dCpaSJ6Ek0DXYoALYmQ9FhihQMdPt56NVGjNdkXlaPfyJ02itpPhsUz\r\nN7+sIdrnpYfFCAFAhEzOD+Y0x08ObbsPne8Cb3HQybRaU0q1MRr1FxUQ5vfF\r\npz9N0CsTRknvjlULjUooo8buk3eW+qoiN6n29XpJyRn8UFbHszFVFkF8iWud\r\ntJVtF9eZIP797Xr18Lk8aI5XPNw04qXCoZOB378FX4ZxqInbgwR38R6FwC/c\r\nDJMlRXP8pQSZBEh7V0xzjHIPOAc+cuSnM9Z2zDuLwTt2LLfYqsJAHJ/77JcY\r\nhevTENOK645cCS0bTA8Sl6Qxrsj6b9H6bdk=\r\n=uiAq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_2.0.3-beta.0_1651243788528_0.19238890956252797"},"_hasShrinkwrap":false},"2.0.3-beta.1":{"name":"@asemirsk/card","version":"2.0.3-beta.1","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.0-beta.6","@asemirsk/core":"^2.0.3-beta.1","@asemirsk/fclasses":"^2.0.3-beta.1","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"1be4d3bb997d192b34b946c04f840a2a82b34a5b","readme":"# Card Component\n\nCard is a group of content which \ntypically features a less than full size image alongside supporting \ncontent or a call to action (CTA). Cards are commonly used on websites to \ncall out or offer something to the site visitor. The card component allows\nsite builders to configure and modify cards according to the site design.\n\nBasic cards usually consist of some or all of the following components:\n* **Title:** Text editable via simple text editor.\n* **Image:** Image component - linkable or not linkable.\n* **Description:** Text editable via basic text\neditor.\n* **CTA Button:** Text editable via simple text editor. Link component\nto configure link.\n\n## Content Editor Details\n\nBodilessJS by default offers basic layout options for both vertical and\nhorizontal cards. For both horizontal and vertical options you can choose to\ninclude the following: title, body text, CTA.\n\nTo place a card on your website click on the +Add button on the toolbar.\n\n1. Select the type of card you'd like to use. You can use the filters in the\ncomponent window to narrow your selection. \n\n\n2. Once you have selected the appropriate card you can edit the various\ncomponents via the context menu.\n * e.g. For a horizontal Card with Title, Body and CTA\n\n3. Resize the card by clicking near the blue line on the righthand edge of the\nflow container box and dragging to expand or contract.\n\n\n5. Re-position the card on the page by clicking near the two lines at the top\nleft of the card's flow container box and dragging to the desired place on your\npage. \n\n\n---\n\n## Site Builder Details\n\n### Card Variations with combining tokens\n\nThe card can be composed of different tokens (see\n[code](./src/components/Cards.tokens.tsx)) to\ncreate many card variations. These variations include:\n\n* Horizontal \n* Vertical \n* No Title \n* No Body \n* No CTA \n* Overlay of CTA \n* Overlay of title\n\n### Usage\n\n```\nconst CardVerticalNoTitle = flow(\n asCardWithPaddings, asCardDefaultStyle, asCardVertical, asCardNoTitle,\n)(Card); \n```\n\n---\n\n## Architectural Details\n\nThe Card renders as a block of html with the following:\n\n```\n \n \n \n \n \n \n \n \n \n \n \n \n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@2.0.3-beta.1","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-gl2+qzRxbp86ZZ6UexC3CMje1oKVJ9hkn6FivLojK6PcMk9wYAi5q0TadzVKiKhPkLRSdZm3h0kJFLo8ZbuN9g==","shasum":"c620b6b8402fccad919944ebc474e77feba3c966","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-2.0.3-beta.1.tgz","fileCount":10,"unpackedSize":462054,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCIRmaWYndXvZ6byxKDgi1DtfsKJfWsLLIWKk9g9UAmQQIgW5Lv787mMbTh7TdQv/5iPm5sHIG7iqkE4HRe+x+C4OI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJia/t9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLMxAAgz7X5dZSnphQJweOyC9r8Vl0jtm9l3RMkQwvvFH8W+3jfgZ7\r\nSj5QuecROEuZ6XlwUrh3MS9JwegRn2RJJgHrUZ38aFrPtfRvQBFSdY5cL8y7\r\nccUPAoOS/7ilPuXOqV7zHKBaXKtP9F4Q7Z/xR8FDMWHS2teA0SGhH7Yq74Q9\r\niTPexWhgpEVMhhAFbWOJrrUOwOcmD0YOVo8MdOtu6ouf/hKyL+zWEqOWwx2U\r\nCxCuCpDp6AykrwUN+M7kd2hQwTq0UHTWw3Jm72k+kasSQODrAX2BYPztmijV\r\nWXEbnro1Ifei2X563xM5qQukFLOgi8sAMwgebxn9G4zTynEulEAQdHm/4Xat\r\n1QNHMW5CwrzRvDof6u/PbdXJ+OsC7eCYAmKPVIlp+rCyB7kP5QwhoDL+iPYV\r\nIot/mXs7rQ8AE09f9itzwR5uS4SvQw4yjbDDOzZn9I94hmwjtvUt+hPcojkA\r\nC55NegVYLIvlJPW4hoSCi12VLn7wbNd1CwVCbTWlsan/X01CQhXqrvXOUUlP\r\npIWPE2YYB2er1EUz+f713LL3aY1SQlPXTTr8B+56jf8quUpYg5r+yX8meGrO\r\nh7mTzdgruc2m+y4lRucSfu6bkoaUrLqHUCzB5AwVVL5ozYBn7CDdJpd/dyBY\r\nG3dXKInEufI9jE5bG/33IKUOPfbNv0U/gzI=\r\n=Mrv4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_2.0.3-beta.1_1651243901657_0.7853322195876851"},"_hasShrinkwrap":false},"2.0.5-beta.0":{"name":"@asemirsk/card","version":"2.0.5-beta.0","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.0-beta.6","@asemirsk/core":"^2.0.5-beta.0","@asemirsk/fclasses":"^2.0.5-beta.0","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"9b047b3a72ac828e21a6e31cb9a8e77e5225f5c9","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@2.0.5-beta.0","_nodeVersion":"16.9.1","_npmVersion":"lerna/4.0.0/node@v16.9.1+x64 (linux)","dist":{"integrity":"sha512-i/w4VBAqHpt9KQV52OOUeifhkdC4u7VxcU0LApLGTPZlCPe5hh4jeJ02OFWi4+FcgwmoaqyfJXEAL0jzkEXn5A==","shasum":"0e5044ae4dbae701a424ca14410eb7b7cd239071","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-2.0.5-beta.0.tgz","fileCount":10,"unpackedSize":462054,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBNFR7HVCWFPGdsQmJF524WOnDFAvGNrSU/DvYP/HOs0AiAjQ4sjyOBHLCfr3RKVl71ty8W4mL/CktKJZJ1b/AfAIw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJia/8JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2IQ/7BX8BRKemxZl+px+rMQyFzbRZaweApe0zLWUmGFUtFbLllbS8\r\nN5+DCyQg2UiKfZjVYeCL8+Obsuxgj/XHKd7cERhS7aWyF09eTqiw0yetdL31\r\n6lY9cwDmazV/yNGNPyPMTP46+FZIOsJWTbXnO8lt9+n/jDtd7c8dBB6WSmBd\r\nWcPnH2oIvZqJUdJ6Mv/ZSjtUwIdA+YbaFz+sWi+rq7imghv2FMPgQluJblUE\r\nwNH9jzYeQGW4jfpenYX7xHuRYwZUvUirox4pv+c2B22mZ43kjIE/cDZrcF6y\r\nVHQ94htpNd792VPM44OYo6pS3SH/2Whcc2SC5iB0jzx05cFLYywFUAY7XlmG\r\n0HPrrjH5fpVfrupTriuGShzeWQdfQ2pnbCez6iVJPA1z0v8ILul4dkUi/x47\r\ntXYPh7EFKbCY29KXGF6khBKQzga/hMbfJYa0W2KQEIQVfX1lcF9CtaPIucU+\r\nX4Z0bpG24bj668/dCKjjfldaJOhQGlhDZ4jDu11NghZdnJIuUF5muILwLYWU\r\nTJwyGd6rWPrKMxAFVYi0M3jjm3D6qxawcctR4Do7qqIDZT008gNcgZKI5wWg\r\n79Ri2MYQW7GgaPs8594Xxf73NmI00WPQsImdZOlDAKBWnsnaGKYqNbEFwByG\r\n3yYE7L4vJYMOZBwiFYaBxXx5ytfbjdyQrVI=\r\n=lA85\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_2.0.5-beta.0_1651244809458_0.024333945012997793"},"_hasShrinkwrap":false},"2.0.6-beta.0":{"name":"@asemirsk/card","version":"2.0.6-beta.0","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.0-beta.6","@asemirsk/core":"^2.0.6-beta.0","@asemirsk/fclasses":"^2.0.6-beta.0","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"e98b014aabae41353460b67b25ad4d50f0133fca","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@2.0.6-beta.0","_nodeVersion":"16.9.1","_npmVersion":"lerna/4.0.0/node@v16.9.1+x64 (linux)","dist":{"integrity":"sha512-ASuY2JOb7P3SXJAgkWb+5JFdaBwsk8nG/QBx/LJ5137SJBdWqw9F7z2Z+P1MBtJw6LIvTJoSS4TPU7kJuYDOFg==","shasum":"8e7f5e3e370f76ca6730a92ac0b83d416faa47eb","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-2.0.6-beta.0.tgz","fileCount":10,"unpackedSize":462054,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICzt54ZExRjVx7rJf8LawxqU1JuxfXXhIVYccbdcy1YBAiAgJ0b1jrvyasetpQWpkguRIturNI7v5BrBFF5j+rKAew=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJib62PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwwA//fDI8cOU4dlcoo/F2V6vIPiEd65/IC9eJze6+x6zdx4K/HV3M\r\n+71vomXnx3wUX2Jr/eH8B9hoaF6f5oztCaYnYgLj1iOWFTpJZOjOFYQdSyvR\r\nxQsCHOzRsTlbyEDoaKrJ7jj1aKDT8SAmsqpS8a2mO4shl2TX8G4eciLhgTJc\r\nCCEmX6UkZgf8NEeYW3OQ/AaHOLl53YfGoP1l4DScEWVg9UdytlvFjXf7OKtE\r\numxTQhFRAMQSqhiLK9NhNQ05X2ZOEViX2mFuLehZCNDAx9fT2w61GOFurJam\r\nJAkqX+vV4PqXjGj7OcisbAnrIkWiZYNvyF0PHYNqV0GfMpXO3CQqqTDOmhtd\r\nR326EzW6oU6TJfVIHhmpG68O2w8J+A09lvPGv+U7pPOdKPWhYQl6JnuSj4He\r\n7wdjZvBj1cLUDUDpVFVPoZgLhqO0MRzxX8T5iDW8riPTC5f4XM2ousKevlPb\r\nCtsTwn57ENHvBHiuE5ss76y9pCnGbJdM768hLOa4C0E0vynHIQ01o9c2aGXn\r\nECOMjpeNY4zTHVhA1pIUQp8KJYUpeimzi3EaRKZU8hazXNEUmrQBkFw7snFC\r\nVrYZ+e+LTM2lJVUW429dYfdERmSRmuvbS/FhszCpN7QtGqpwzcdhGNimkgcY\r\nOWNy45i1e2zxTtnx+jjSeWxpy1KPF5Pe6CQ=\r\n=KKoW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_2.0.6-beta.0_1651486095498_0.47377765947690875"},"_hasShrinkwrap":false},"3.0.0":{"name":"@asemirsk/card","version":"3.0.0","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.0-beta.6","@asemirsk/core":"^3.0.0","@asemirsk/fclasses":"^3.0.0","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"6cf8b4df75f61c7e648a17bd5eafcd3965785c77","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@3.0.0","_nodeVersion":"16.9.1","_npmVersion":"lerna/4.0.0/node@v16.9.1+x64 (linux)","dist":{"integrity":"sha512-iL+n76MoDKtRJJxmcnuDz88980o/D5jqJEBZBlCsDVclA1J7FzRsv5idyx/NgcPzMLlJSiD7qHmgaC0rVed0Ww==","shasum":"59cc29a79ef7e94f8a2003669fe3869b7797da60","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-3.0.0.tgz","fileCount":10,"unpackedSize":462033,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCL4xaVAajH34x0iTlxBYai3+3mQJyUszRZfvMqDd1/cgIhAJkZHbXCgLE94m616gZ69shyjvBnw+0ZE33XFm+3ya1R"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJib7C4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmreyQ//b+aPs1cZABh+juZOVFu9cmkzgyJRTU3mo4IIoEUKPViOUoQX\r\n2945KsLRtIqR/Q43MX070CQ972ZrpC4tzm6PTQ9z4qG3fSke+ovfXMlPvN8x\r\nCMU5dxKTujMrK3afLdmuuWEU5xgvhPygtve3foco8C7M8G31CvecMfetgS+G\r\niZkRYUubuIg+EQMKKtR2ZXmaAEEcXMF8bktBGrwiyyYAoljLsrol8Wy+FIHl\r\nzXaKpBkOrcxZ2Hmh0+kif+6ZPkLtxqccyL5HSKmSY/yHVccMdIgfKQ+itJGO\r\nZtBDjMLpaJrNYR6FMES7NCaCNk0Zve0cesGrI6B+VqLDiaEDFkBB9vFg8NoT\r\nwvmWuh4LttukoOoKT1JSaymGf3ift2qwZjNQyFXMasAnnxINtmlqAm7eXtLe\r\n/Nq91W/FgF7p0Fkt++edKGHMzBCaPxoV/4nhI0p8XBCubLH+Xq+tMN0POQra\r\nEmh0A1k+jz/znsJj49SFX3ySNhcVXID+PKYY86WdCw/Ut/u8wDSqDD3LBhyB\r\nY3/4Wn8ByyaMP4YCnygwFY/8MSLVJZJog4prVUDjGUAMDJVz0mMJKPZLM+09\r\nsARosTjQw/scdvx1MGdNsrGvapP33w5R76UtoyjEGBabt171C5iQXw6daHkc\r\nbaLF/FlX4MUpRJ4MczKK6MgIxpy5YIh72GY=\r\n=O25b\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_3.0.0_1651486904674_0.9587744060581007"},"_hasShrinkwrap":false},"1.0.0-beta.16":{"name":"@asemirsk/card","version":"1.0.0-beta.16","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"npm run copy && tsc -p ./tsconfig.json && npm run build:api-doc","build:watch":"npm run build -- --watch","build:api-doc":"typedoc --out doc/api src","lint":"tslint ./src/**/*.ts?x","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/cli":"^1.0.0-beta.15","@asemirsk/core":"^1.0.0-beta.16","@asemirsk/fclasses":"^1.0.0-beta.16","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"0ff46789373c0ccb710fa463d6cbd035aeb8eb1f","readme":"# Card Component\n\nCard is a group of content which \ntypically features a less than full size image alongside supporting \ncontent or a call to action (CTA). Cards are commonly used on websites to \ncall out or offer something to the site visitor. The card component allows\nsite builders to configure and modify cards according to the site design.\n\nBasic cards usually consist of some or all of the following components:\n* **Title:** Text editable via simple text editor.\n* **Image:** Image component - linkable or not linkable.\n* **Description:** Text editable via basic text\neditor.\n* **CTA Button:** Text editable via simple text editor. Link component\nto configure link.\n\n## Content Editor Details\n\nBodilessJS by default offers basic layout options for both vertical and\nhorizontal cards. For both horizontal and vertical options you can choose to\ninclude the following: title, body text, CTA.\n\nTo place a card on your website click on the +Add button on the toolbar.\n\n1. Select the type of card you'd like to use. You can use the filters in the\ncomponent window to narrow your selection. \n\n\n2. Once you have selected the appropriate card you can edit the various\ncomponents via the context menu.\n * e.g. For a horizontal Card with Title, Body and CTA\n\n3. Resize the card by clicking near the blue line on the righthand edge of the\nflow container box and dragging to expand or contract.\n\n\n5. Re-position the card on the page by clicking near the two lines at the top\nleft of the card's flow container box and dragging to the desired place on your\npage. \n\n\n---\n\n## Site Builder Details\n\n### Card Variations with combining tokens\n\nThe card can be composed of different tokens (see\n[code](./src/components/Cards.tokens.tsx)) to\ncreate many card variations. These variations include:\n\n* Horizontal \n* Vertical \n* No Title \n* No Body \n* No CTA \n* Overlay of CTA \n* Overlay of title\n\n### Usage\n\n```\nconst CardVerticalNoTitle = flow(\n asCardWithPaddings, asCardDefaultStyle, asCardVertical, asCardNoTitle,\n)(Card); \n```\n\n---\n\n## Architectural Details\n\nThe Card renders as a block of html with the following:\n\n```\n \n \n \n \n \n \n \n \n \n \n \n \n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@1.0.0-beta.16","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-kk2E1o5OPf9CZVk146QGhr8dDUIj4F0bIOyLfeNVY03zZgnA5ZV9lflqMYptgoKfV5hA4yMm9oFEAEGZ6nVL1g==","shasum":"52cba4dd15c664c449410af7c9ba2b43e971c8d9","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-1.0.0-beta.16.tgz","fileCount":10,"unpackedSize":462130,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID99L/r13Q/h6Ut9B+wgCkeM/qzre50onOuOcM5plRgZAiEAh7zHwb6EFyeZwH07o5nRRsI58fhPz7JjGLoxNn5qI68="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidOeaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo83A/7BCvU54ac5MMRrDi+bbNX1H+UJmpiam+LIeqiZ9O/V43BY8HB\r\nsez/+Mar5SBVo4rpMUcGLgMi3uiN/a0WjLiYmO1L1hPDRZLMA0J22QfZfmKO\r\nDzy8V+03yEjNm/jEjUPHfWbEVh3hPvp+drVXepuv46VFfwfXwoCb1+CZPbV6\r\nRlx4r1LPlm9/dBNnaUflstL+UlBSAMo/FDUchKCBdZIU7ShN/HTnbWgoVg/1\r\n/GTTBuZu+7zwjHQShBZG5tQ5kNOrucaA9wigZQQUhz6a16EVenRCX6mc6W3l\r\nteKZpz2VHXjfC2Hpr1aVg2L+YgUfWOJDuUyuQpANDa+vtMKUTcveuo+aVV+T\r\nn7cf5Z3XP/MWABqobj1bpeqFaK7LCAsNOH3X7gLIRw10shmPypI8n2MTRURq\r\nM8O7SRPiAvftBylyDEF7qBh9UTHz4skCSJe8dgxR4LX1TQ5DE5YMHomuozNk\r\nc27RtaSIqvBbSZq6ytWjjOdAjM+5QMKapTbXjjUnM18gGGfMbcVlVaV6K+fE\r\nGOhS0kUP4z3w6zi3ZjiUFN/U/rRqhvgQBAUj7Q8Iim1sFo/JwEJMvRHqMqp2\r\nuRgyXnFE0lU4vmzskWvMdiijK01pysR215QRcjBBlvfOvV1Lmv/mwjQNtly+\r\nLedfqb2CEeGIa3pC+DIupcZjKstUdnyKmAg=\r\n=WQaA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_1.0.0-beta.16_1651828634405_0.13026401421932077"},"_hasShrinkwrap":false},"1.0.0-canary-24-22.0":{"name":"@asemirsk/card","version":"1.0.0-canary-24-22.0","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"run-p copy build:lib","build:lib":"tsc -p ./tsconfig.json","build:watch":"npm run build:lib -- --watch","build:api-doc":"typedoc --options ../../typedoc.js --out doc/api ./src","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/core":"1.0.0-canary-24-22.0+a48e91c","@asemirsk/fclasses":"1.0.0-canary-24-22.0+a48e91c","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"a48e91c77704024ccd08e24d4f85d1cd6971ccb1","readme":"# Card Component\n\nCard is a group of content which \ntypically features a less than full size image alongside supporting \ncontent or a call to action (CTA). Cards are commonly used on websites to \ncall out or offer something to the site visitor. The card component allows\nsite builders to configure and modify cards according to the site design.\n\nBasic cards usually consist of some or all of the following components:\n* **Title:** Text editable via simple text editor.\n* **Image:** Image component - linkable or not linkable.\n* **Description:** Text editable via basic text\neditor.\n* **CTA Button:** Text editable via simple text editor. Link component\nto configure link.\n\n## Content Editor Details\n\nBodilessJS by default offers basic layout options for both vertical and\nhorizontal cards. For both horizontal and vertical options you can choose to\ninclude the following: title, body text, CTA.\n\nTo place a card on your website click on the +Add button on the toolbar.\n\n1. Select the type of card you'd like to use. You can use the filters in the\ncomponent window to narrow your selection. \n\n\n2. Once you have selected the appropriate card you can edit the various\ncomponents via the context menu.\n * e.g. For a horizontal Card with Title, Body and CTA\n\n3. Resize the card by clicking near the blue line on the righthand edge of the\nflow container box and dragging to expand or contract.\n\n\n5. Re-position the card on the page by clicking near the two lines at the top\nleft of the card's flow container box and dragging to the desired place on your\npage. \n\n\n---\n\n## Site Builder Details\n\n### Card Variations with combining tokens\n\nThe card can be composed of different tokens (see\n[code](./src/components/Cards.tokens.tsx)) to\ncreate many card variations. These variations include:\n\n* Horizontal \n* Vertical \n* No Title \n* No Body \n* No CTA \n* Overlay of CTA \n* Overlay of title\n\n### Usage\n\n```\nconst CardVerticalNoTitle = flow(\n asCardWithPaddings, asCardDefaultStyle, asCardVertical, asCardNoTitle,\n)(Card); \n```\n\n---\n\n## Architectural Details\n\nThe Card renders as a block of html with the following:\n\n```\n \n \n \n \n \n \n \n \n \n \n \n \n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@1.0.0-canary-24-22.0","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-K5snYFCscQ0cpXIis9ceQbA3C4pIrBwBLJYYv3vxWGYnHQxcsNEqDsTITvqp8DCdYxs5y4/QHDM/SUG7EYYIYw==","shasum":"c74ca46cd151a5512850126fb8bb515086d254c6","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-1.0.0-canary-24-22.0.tgz","fileCount":10,"unpackedSize":462129,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIATnAM7P9YtoyiqiZoxmT/wU/h1CjjPQgA8hBJuTvLmKAiBdvqr+T3Tqr8BmcHc0ayWhhZ+PxKgZwtZWeNtfevUNng=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijezfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBjQ/8CR44Tq58xAbVLx3tJ/iQlJYe4+fsXFGSF7ko1qZqBgXS7YeG\r\n2IyNUS1tOzHR874WMhBne1AhImzvv2rDjieqKWrXahkMiyG0idhqOsTfd18x\r\nwzXeJXEohS5At1vFzjHmARbjclhUIq63ZER9xTYhaxz9pWp3qie2+4AkRWWw\r\n5s+ur1duY7o2C/LSCVwmbAS8F9bIUeW/BGVp7GW7/8qudLdq2DdXneFrfOpn\r\nUonpKvx6AdtVSHJW/YU8a85W0SyrBtHgq+Xz21h83gW9oX3k48+852oE33l6\r\nWCDJaMTHDmzxC6RlWwsgGbEqr6EKWoarelSdTxlipgo8zhccaCuYGjNBWjp8\r\nvKZyMwXeYUNOXcXwIw61QBsNMk37DI/ui+R6bsSA0B6B5/xSnTPzxpxSYLHf\r\nmXpUevexCznyVNx7yEY/UV5gAJn9Y4bsNsfstE+Z9bLta3PAiRXyOq4s5+oL\r\n8FxqLB5t8UQuGtWs0oS8vRW8FwdLTWT//LwYPGC2L4bHidUVrBHhYZdwsZPd\r\nf163sOQ1qyJd/AB29vNltm7UJgbUG3E7Wh292y3vvq9XvpkCLRrOLZEwhoXw\r\nDw3oluFcB1LnJ8IuUBSIBvmnIAEZBiM1GubmN3rnZdkx8q4x0rb4giDDnun7\r\noS6xi/p8Gqzw42O0wmMOOw6MPYuL/1DawdE=\r\n=qHYp\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_1.0.0-canary-24-22.0_1653468382803_0.8271298700643961"},"_hasShrinkwrap":false},"1.0.0-canary-24-23.0":{"name":"@asemirsk/card","version":"1.0.0-canary-24-23.0","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"run-p copy build:lib","build:lib":"tsc -p ./tsconfig.json","build:watch":"npm run build:lib -- --watch","build:api-doc":"typedoc --options ../../typedoc.js --out doc/api ./src","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/core":"1.0.0-canary-24-23.0+2cab1ea","@asemirsk/fclasses":"1.0.0-canary-24-23.0+2cab1ea","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"2cab1eaf4ac4d1a8ef3ef53ba3228ff16f7504eb","readme":"# Card Component\n\nCard is a group of content which \ntypically features a less than full size image alongside supporting \ncontent or a call to action (CTA). Cards are commonly used on websites to \ncall out or offer something to the site visitor. The card component allows\nsite builders to configure and modify cards according to the site design.\n\nBasic cards usually consist of some or all of the following components:\n* **Title:** Text editable via simple text editor.\n* **Image:** Image component - linkable or not linkable.\n* **Description:** Text editable via basic text\neditor.\n* **CTA Button:** Text editable via simple text editor. Link component\nto configure link.\n\n## Content Editor Details\n\nBodilessJS by default offers basic layout options for both vertical and\nhorizontal cards. For both horizontal and vertical options you can choose to\ninclude the following: title, body text, CTA.\n\nTo place a card on your website click on the +Add button on the toolbar.\n\n1. Select the type of card you'd like to use. You can use the filters in the\ncomponent window to narrow your selection. \n\n\n2. Once you have selected the appropriate card you can edit the various\ncomponents via the context menu.\n * e.g. For a horizontal Card with Title, Body and CTA\n\n3. Resize the card by clicking near the blue line on the righthand edge of the\nflow container box and dragging to expand or contract.\n\n\n5. Re-position the card on the page by clicking near the two lines at the top\nleft of the card's flow container box and dragging to the desired place on your\npage. \n\n\n---\n\n## Site Builder Details\n\n### Card Variations with combining tokens\n\nThe card can be composed of different tokens (see\n[code](./src/components/Cards.tokens.tsx)) to\ncreate many card variations. These variations include:\n\n* Horizontal \n* Vertical \n* No Title \n* No Body \n* No CTA \n* Overlay of CTA \n* Overlay of title\n\n### Usage\n\n```\nconst CardVerticalNoTitle = flow(\n asCardWithPaddings, asCardDefaultStyle, asCardVertical, asCardNoTitle,\n)(Card); \n```\n\n---\n\n## Architectural Details\n\nThe Card renders as a block of html with the following:\n\n```\n \n \n \n \n \n \n \n \n \n \n \n \n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@1.0.0-canary-24-23.0","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-obsjmQjQoAwsQLebz0BLunsSrnl8JAMgK9AYgjXJNvv6EMmmNzKpu6YnuSVyhPeG7ZSvTNWktf8758tjTw7hsQ==","shasum":"6c4d9e65e5fff0b6e084c617a4ed9c407a40e891","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-1.0.0-canary-24-23.0.tgz","fileCount":22,"unpackedSize":479296,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0Y7rQfSqzpaIF/pPHNa/ekQ6sGirznbCFbAEymru0lAIhAMvcjWO6uZjchIil1GB/dNGR73KvR28SaEpNRqJlbW4b"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijfHsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqrqg//flA4YL2W/ElQuVjUQkCqVfU985nws1UUPkxne7o2IZxwxJWh\r\nouhg52fFIkaxl3D/MCOQzO0ZSKxpdUSL5FYPkC4amwvPfdGeTFQxcPdptpeM\r\n/Wsmmk+4+lUzTXVjQ5TjsTb5dXc2JzgCQnkfvUXiwwWvxWhUQUrqhdvwJbIx\r\nrmU617Jjm/WNmvbz9rV9xwMi5AhTgP85Pkrq3WaAH+2f/xecQ88CqLp5LCdq\r\negliN0EQdvYx+rH8moJql10yqufBHWltzbF5j2WntnlIdUcim219adJg85PZ\r\nHtZ54rhsIPofzKLZDGg/zM9qVzzTGD3t48KsBHowp6UNiWttTFnApmmSeBTq\r\nAoeVXLCX+KRli4VVGHv+KO72TrxmceuzkR0Pp+GmREUsID451QiPhKXADbYB\r\neQ6fQT7C0eURkYKxlMXeqPlMpMm6VtOSwsvmup0e+vlMYlcYFaz85gGIwPQ0\r\n6vIEOzaVbX1LJNaU8+kuWYeTZJD63stzudOwDs27Wn1Ch/SXIheV/efR5dzW\r\ncWlmfQ3MAvCkrkaQc9g91OyBOeDUt3h7JrUf4j2XQkQ2MuHESYSKBZHOp65w\r\n6t+htgpWMkKrCOl/fo4XPUkuFPoLmXUs3G4u8TgEgnUEqIJas3qTmpAL71wX\r\nIrmIbsPWcVhBwBkKCDpYJ8jODqEmyIWUIm4=\r\n=kNKl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_1.0.0-canary-24-23.0_1653469676014_0.865036901382843"},"_hasShrinkwrap":false},"1.0.0-canary-24-24.0":{"name":"@asemirsk/card","version":"1.0.0-canary-24-24.0","description":"Basic components to build out sites.","author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"license":"Apache-2.0","main":"lib/index.js","sideEffects":false,"typings":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"publishConfig":{"access":"public"},"scripts":{"build":"run-p copy build:lib","build:lib":"tsc -p ./tsconfig.json","build:watch":"npm run build:lib -- --watch","build:api-doc":"typedoc --options ../../typedoc.js --out doc/api ./src","clean":"rimraf \"lib/*\" && rimraf tsconfig.tsbuildinfo && rimraf \"doc/api\"","copy":"copyfiles -u 1 \"./src/**/*.{css,png}\" \"./lib/\""},"dependencies":{"@asemirsk/core":"1.0.0-canary-24-24.0+af2c8ac","@asemirsk/fclasses":"1.0.0-canary-24-24.0+af2c8ac","lodash":"^4.17.19","uuid":"^3.3.2"},"devDependencies":{"@types/uuid":"^3.4.4"},"peerDependencies":{"react":"^17.0.2"},"gitHead":"af2c8ace172b3dc3a1f237c51eb55be1e21978bb","readme":"# Card Component\n\nCard is a group of content which \ntypically features a less than full size image alongside supporting \ncontent or a call to action (CTA). Cards are commonly used on websites to \ncall out or offer something to the site visitor. The card component allows\nsite builders to configure and modify cards according to the site design.\n\nBasic cards usually consist of some or all of the following components:\n* **Title:** Text editable via simple text editor.\n* **Image:** Image component - linkable or not linkable.\n* **Description:** Text editable via basic text\neditor.\n* **CTA Button:** Text editable via simple text editor. Link component\nto configure link.\n\n## Content Editor Details\n\nBodilessJS by default offers basic layout options for both vertical and\nhorizontal cards. For both horizontal and vertical options you can choose to\ninclude the following: title, body text, CTA.\n\nTo place a card on your website click on the +Add button on the toolbar.\n\n1. Select the type of card you'd like to use. You can use the filters in the\ncomponent window to narrow your selection. \n\n\n2. Once you have selected the appropriate card you can edit the various\ncomponents via the context menu.\n * e.g. For a horizontal Card with Title, Body and CTA\n\n3. Resize the card by clicking near the blue line on the righthand edge of the\nflow container box and dragging to expand or contract.\n\n\n5. Re-position the card on the page by clicking near the two lines at the top\nleft of the card's flow container box and dragging to the desired place on your\npage. \n\n\n---\n\n## Site Builder Details\n\n### Card Variations with combining tokens\n\nThe card can be composed of different tokens (see\n[code](./src/components/Cards.tokens.tsx)) to\ncreate many card variations. These variations include:\n\n* Horizontal \n* Vertical \n* No Title \n* No Body \n* No CTA \n* Overlay of CTA \n* Overlay of title\n\n### Usage\n\n```\nconst CardVerticalNoTitle = flow(\n asCardWithPaddings, asCardDefaultStyle, asCardVertical, asCardNoTitle,\n)(Card); \n```\n\n---\n\n## Architectural Details\n\nThe Card renders as a block of html with the following:\n\n```\n \n \n \n \n \n \n \n \n \n \n \n \n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","_id":"@asemirsk/card@1.0.0-canary-24-24.0","_nodeVersion":"16.13.2","_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (linux)","dist":{"integrity":"sha512-QyiRKtscdnLbYFMvgye+DzuAlX5z6TN6SaWShmOESu5z6GGnbtAVkNxUpvqcOB4/0f/JXit2iHjfjDTlL9VL+g==","shasum":"92c5780d5969c0fbcbe2fda40c56dabdf0aa8eac","tarball":"https://registry.npmjs.org/@asemirsk/card/-/card-1.0.0-canary-24-24.0.tgz","fileCount":22,"unpackedSize":479296,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBqccXxrB3gO83i3PQpjG2LzjQ09foR7TeHoq5j0yJ0gIhAIzF5CAq2vLeqRBby5ViHNs4I/gPGT8jM7IRKqQ//092"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijfRAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQAhAApMmOXM2MQq1gIgNR9oy1MMwW+7pZdXYLxtKYJMyoXB5dpa8c\r\npkNzUzy7UkCZJUSksz639mi7hUxAzQUNfpQ3Zt9vJlnht9Q+hkyWvxV+bGgd\r\nXc/1UWotbus0ZGLprHk0P1wpfsO+6olpm+CfHy17VYRmm/aGvROgfu+gL5UO\r\npXL1lcpkbXLGaZF4UK3zN5NRhocz+meXHodpze82vcY9MnnRCvPpVntETLNU\r\nflhbLpEob1zNJSbzxb2IyZbvDsrljOx66qUygA8+6rah19/IzHtd5wl5nZvi\r\n3AoCyKZSmtRF+s3m0CvqdvQiqCt9QY0DxMh2QAOrK6KrIY43YrX63dBe2nPr\r\nqRP4KdqoOuIdQXPkloNjkF9xPaCqP/65ckNmNnn5qYp58jUXTo7aEAxJff7p\r\n5ASb7S5WmWmxFkZO/+2eWNCqXsgQ/zRbqOP/aLbdxnGnNfh58jgXnf8TEavZ\r\nQZOS0qOGGNuCNKSZtNGrelLs37ugVbGEGtvswvWMIEfwxhCw1pbcMlhFIwdF\r\nQrNCJVEto5yaupUh7cj/uAw7RHUWqoWZsPE5+ACOdxmeJRtl8lZQdSu09yTx\r\n9e0CCx14YLf3OgLMwCF4rE7PajvGU8h66vfYUMEvxJFEYlDKstzYfJAfpzUv\r\noDyfuZTBXfyyZBYM02elVZ7Ylnr+oNE6FWY=\r\n=0siv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asemirsk","email":"al.semirski@gmail.com"},"directories":{},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/card_1.0.0-canary-24-24.0_1653470272250_0.3217455051771205"},"_hasShrinkwrap":false}},"maintainers":[{"name":"asemirsk","email":"al.semirski@gmail.com"}],"description":"Basic components to build out sites.","homepage":"https://github.com/johnsonandjohnson/bodiless-js#readme","repository":{"type":"git","url":"git+https://github.com/johnsonandjohnson/bodiless-js.git"},"author":{"name":"Guilherme Zeni","email":"gzeni@its.jnj.com"},"bugs":{"url":"https://github.com/johnsonandjohnson/bodiless-js/issues"},"license":"Apache-2.0","readme":"","readmeFilename":""}