{"_id":"@commercetools-uikit/inset-squish","_rev":"10-41f45ba46d4ff424f4428449d5e42de9","name":"@commercetools-uikit/inset-squish","dist-tags":{"canary":"0.0.0-canary-202010414016","latest":"10.39.3"},"versions":{"0.0.0-canary-202092995452":{"name":"@commercetools-uikit/inset-squish","description":"An inset squish spacing component provides a consistent padding to the inner component, with horizontal padding being proportionally bigger than the vertical padding.","version":"0.0.0-canary-202092995452","bugs":{"url":"https://github.com/commercetools/ui-kit/issues"},"repository":{"type":"git","url":"git+https://github.com/commercetools/ui-kit.git","directory":"packages/components/spacings/inset-squish"},"homepage":"https://uikit.commercetools.com","keywords":["javascript","design system","react","uikit"],"license":"MIT","private":false,"publishConfig":{"access":"public"},"sideEffects":false,"main":"dist/inset-squish.cjs.js","module":"dist/inset-squish.esm.js","scripts":{"prepare":"../../../../scripts/version.js replace","prebuild":"rimraf dist","build":"cross-env NODE_ENV=production rollup -c ../../../../rollup.config.js -i ./index.js"},"dependencies":{"@commercetools-uikit/design-system":"0.0.0-canary-202092995452","@commercetools-uikit/utils":"0.0.0-canary-202092995452","@emotion/core":"^10.0.34","prop-types":"15.7.2"},"peerDependencies":{"react":">= 16.8.0"},"_id":"@commercetools-uikit/inset-squish@0.0.0-canary-202092995452","_nodeVersion":"14.13.1","_npmVersion":"6.14.8","_npmUser":{"name":"commercetools-admin","email":"npmjs@commercetools.com"},"dist":{"integrity":"sha512-fGui+Je0ciYWP1Xb0zfd3QuRG8k7D5StLKffc0SqWglNU5eHitU7WggS0+C9BcPqB31FYB/5LUwAg/4D+fnQLA==","shasum":"a05e961ddbf6eea4b5b9d357d6449440c7fcb81d","tarball":"https://registry.npmjs.org/@commercetools-uikit/inset-squish/-/inset-squish-0.0.0-canary-202092995452.tgz","fileCount":6,"unpackedSize":8574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmpHHCRA9TVsSAnZWagAAfl8P/Ao0LsXy4hYrY5bJnNfN\nD4g56LaRqLG0vVZnD2epo/80VMyJROXDeLAjzNgIlx8wOFoe1rzZr4x4279o\nErslzsAO9oWyd6M6eMqh4XwkSXnil4U+91ALmkRcn8asvXyhbdb4GgUf2s89\nnO32UCpR3uAdsgZk7yrM2Nzs5IihMg81Qfg2dI3s4eF3gZ5ByFB18L5NuKRc\nbYFOZTAHFauA5tHt0GK/4hANYcPP6B5u43E5FOH30+apmHlZFy/o7xEJpXwb\nWZ4OIK7NzRDIeK0Q4Pc7WHTSXsm3tTZmYd9vvqPduZS4Mt1TA0wKGJPyl5Fw\nEWCRqlv4uw9jEY6B2a3TN5UMAeuT36Nl9co+e2C499aa2WMnzRHz3u2kmSIs\nIIRMKVZmhRDvugMlQF1Ay0+3xnj9Fd4ZzcgP0JTfaOVLIC8SBCG/YB/Gcd5A\nUtIxPh1Acaq/NcTUyvOZcvCun3u+HM+9NAGh2yxhb2ioc51OCCwdXR1aqc7U\nyQgUZGqDrsGmYy9PcyZlhkCN2n0RXt2Ex+//9DNteY/Bls7reAn/Y/W0KHR1\nkinx2IlR8uQMmeLCg9KO2kJAmU7x26Ci6uj11GknNH5FDDI/xxeTNArclWRp\nwV5lSt5O5M8FA4s2pjzHsQvvO1cRzVSzBXDvIwMxiV3/vb4S+keekKJBOAvi\noZ83\r\n=EEZ2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4+1LhgGtDyDzacBzZTtQr9FwMwY/D7sZaTnThcdMrwgIgRg2bQy6MtTquVturCxS7SgnbLGH7S6ASBAbBsK19WW8="}]},"maintainers":[{"name":"tdeekens","email":"nerd@tdeekens.name"},{"name":"commercetools-admin","email":"npmjs@commercetools.com"},{"name":"emmenko","email":"emmenko@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/inset-squish_0.0.0-canary-202092995452_1603965382938_0.8541217082225518"},"_hasShrinkwrap":false},"0.0.0-canary-202010215528":{"name":"@commercetools-uikit/inset-squish","description":"An inset squish spacing component provides a consistent padding to the inner component, with horizontal padding being proportionally bigger than the vertical padding.","version":"0.0.0-canary-202010215528","bugs":{"url":"https://github.com/commercetools/ui-kit/issues"},"repository":{"type":"git","url":"git+https://github.com/commercetools/ui-kit.git","directory":"packages/components/spacings/inset-squish"},"homepage":"https://uikit.commercetools.com","keywords":["javascript","design system","react","uikit"],"license":"MIT","private":false,"publishConfig":{"access":"public"},"sideEffects":false,"main":"dist/inset-squish.cjs.js","module":"dist/inset-squish.esm.js","scripts":{"prepare":"../../../../scripts/version.js replace","prebuild":"rimraf dist","build":"cross-env NODE_ENV=production rollup -c ../../../../rollup.config.js -i ./index.js"},"dependencies":{"@commercetools-uikit/design-system":"0.0.0-canary-202010215528","@commercetools-uikit/utils":"0.0.0-canary-202010215528","@emotion/core":"^10.0.34","prop-types":"15.7.2"},"peerDependencies":{"react":">= 16.8.0"},"readme":"# Inset Squish\n\n## Description\n\nIf you want to learn more about the spacing components take a look at\n[this](https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62)\narticle.\n\n## Usage\n\n```jsx\nimport SpacingsInsetSquish from '@commercetools-uikit/spacings-inset-squish';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <SpacingsInsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </SpacingsInsetSquish>\n</div>;\n```\n\n### Using Spacings preset\n\nInsetSquish spacing can be imported and used via `spacings` preset as well.\n\n```jsx\nimport Spacings from '@commercetools-uikit/spacings';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <Spacings.InsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </Spacings.InsetSquish>\n</div>;\n```\n\n## Properties\n\n| Props      | Type             | Required | Values            | Default |\n| ---------- | ---------------- | :------: | ----------------- | ------- |\n| `scale`    | `String`         |    -     | `['s', 'm', 'l']` | `m`     |\n| `children` | `PropTypes.node` |    -     | -                 | -       |\n\n## Scales\n\n| Scale | Pixel       |\n| :---- | :---------- |\n| s     | `4` x `8`   |\n| m     | `8` x `16`  |\n| l     | `16` x `32` |\n","readmeFilename":"README.md","_id":"@commercetools-uikit/inset-squish@0.0.0-canary-202010215528","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","_npmUser":{"name":"commercetools-admin","email":"npmjs@commercetools.com"},"dist":{"integrity":"sha512-/k3WBSqEtDgT87LV0iRctstT/YN/kdqYf1rcaf8Dmn9ss5SOY4XTCWV/UEz9o+9cvhCXZtl/2ZQvi7vUE8gvww==","shasum":"d5d479610b770c9c319c4c6a0d171bf6475d1f19","tarball":"https://registry.npmjs.org/@commercetools-uikit/inset-squish/-/inset-squish-0.0.0-canary-202010215528.tgz","fileCount":6,"unpackedSize":8574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoCuLCRA9TVsSAnZWagAAc/0P/04uJLXkq8dCEPQO1YbC\nqC3KnYoQ94Ogkw/r47iV1vaXSKy3asFbiEotGkAQbkeD5cOko1EnfRB/sMyR\nfbpZWLHSWNShVImisM8IjRQxZbsmFgAwrwbkDr0hIJ91JGxkB8a7ClVBqXkO\nu7dEbGRwwADtMNdD9drX02lZBkVsYQHV3UOVBPOiPrLf272vPWatw0ojgun6\nloKhS8/Q99QptkTqcbOnEdnPX5ssaY0Gjgs5gsuIfFXACRpjbwYAdvp2RNOQ\nWMaV9U8z515JoaNlsybSWa4iZ5DkAgMztR6iqhxUObw1hyKf67Yvsw3OMqwI\nxDsI8Wxxr+T+cn6ZxAffa1sxECLA6aor1yx/I7/IsHbf6xnbpK6RrE1gyfPQ\nKLIOBF5Vx3Tc6RTwo5X0r3MjoN2966OEjYOVAaErmTMEOEObwZ0Z8s6bvePX\ngyViV88yrMtVJEpdYPvbBDK3o8TLIRojILXehb1CK3yaOdgMWRx3yi9lSb5o\neUP0vdNcfl15mS7GTy8HsQQKnHntn0NeMA1gDa1OHSL/j3Fqobj4/3Gi0zUF\nrcYLVQoEw5qtBFX9hel708VOHszbEnbnzABgryGiVqzVO4hvJyEFOFLKWNfP\nlxbmiFjcMxeq1/6PZqWShHzTX53NX/jSQAqThQ3ylC4BOBhMz0q8hc7c00Oe\nYFlv\r\n=hGpf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHJrMsHBTNCh9h+9x7XCT2P5653SH3/KnmkRgj8oXjGwIhAJNC9Tp+fE89Lp6UQUvUxmV2pa6eYwpalP+slfGCPQcm"}]},"maintainers":[{"name":"tdeekens","email":"nerd@tdeekens.name"},{"name":"commercetools-admin","email":"npmjs@commercetools.com"},{"name":"emmenko","email":"emmenko@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/inset-squish_0.0.0-canary-202010215528_1604332427365_0.2732553225303658"},"_hasShrinkwrap":false},"10.39.1":{"name":"@commercetools-uikit/inset-squish","description":"An inset squish spacing component provides a consistent padding to the inner component, with horizontal padding being proportionally bigger than the vertical padding.","version":"10.39.1","bugs":{"url":"https://github.com/commercetools/ui-kit/issues"},"repository":{"type":"git","url":"git+https://github.com/commercetools/ui-kit.git","directory":"packages/components/spacings/inset-squish"},"homepage":"https://uikit.commercetools.com","keywords":["javascript","design system","react","uikit"],"license":"MIT","private":false,"publishConfig":{"access":"public"},"sideEffects":false,"main":"dist/inset-squish.cjs.js","module":"dist/inset-squish.esm.js","scripts":{"prepare":"../../../../scripts/version.js replace","prebuild":"rimraf dist","build":"cross-env NODE_ENV=production rollup -c ../../../../rollup.config.js -i ./index.js"},"dependencies":{"@commercetools-uikit/design-system":"10.39.1","@commercetools-uikit/utils":"10.39.1","@emotion/core":"^10.0.34","prop-types":"15.7.2"},"peerDependencies":{"react":">= 16.8.0"},"_id":"@commercetools-uikit/inset-squish@10.39.1","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","_npmUser":{"name":"commercetools-admin","email":"npmjs@commercetools.com"},"dist":{"integrity":"sha512-NcsuQv9Pz/kl56tIIydrZtueVFHj6mm7iTqAYZu+bW+bt232iw4TjFx/FU9bFkq2lOlZOK11hh/7ASgmf3SsRw==","shasum":"0241ef2aff35d1f2df2d6f462346fe78b990a80d","tarball":"https://registry.npmjs.org/@commercetools-uikit/inset-squish/-/inset-squish-10.39.1.tgz","fileCount":6,"unpackedSize":8430,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoDOpCRA9TVsSAnZWagAAnf0P/At1MRfbHvdxk68WKh+1\nuQNm+gvT1NB0W55bnVGaBPJ+ncy0MNpM8jxfwU60Ak4WGWsHsS8/Pabdy97q\nygAcieGhE9atarZYcVRcxSenaRCZVNDP3OW/tGwYBHrr+2r2MN7tQ5QSACix\nVOfM/zI6ZldJvzvAI7iOHGsnCtYTqVDRoILAE2W9zXkzDvrXSbgCcLAKpJoL\nepP5sg0yuUkevKO8mKDcpJa08ae9OBhr+QBe/sqjTwBE6e33hRviT9+KdkvB\nlPWwG7GrQmE5g2qgBKYHaxgsvPKevdSIQA3O/P+BARcp6eoB2VtmV2ruW9i2\nQM/QrpNBAruaeoRPGSwPciTI7YFhE95pUK/a328Sdw7oXJmM2AEAAX9eEC/2\npCd5UbP7orB5u9ZkQctd+4vL5Wk/8T3CL/4FZm4YHyrkai6iDbWG4wFvsqKW\nZFusO5oUcLYG9RbJcrUHvJssMDPIFnpcJQKhya1pI7R3+gnY6gAwFrZ4Hd9O\nuWaCX9rYkPOy9fRETv1q1Lfssidj++yaFgLKUKoYiQ9K7nZUvBLoVsma47eo\nOK20g1rOIbcaqtttQRyq0xAf1i3H4ddIcnrFqjBIekiNUoHUNcXZvNAno5dy\nU2PRYsBdUowiJMxhB09b605QIpfwv17a7ZQ+pqSvU0+6/I6OpIveFjxMqt65\nQ9U2\r\n=YXNB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9seiHKZagfSOQPwlKSniVw5diFK23PINrGy3V+13rYAIhAOIVqeXwfiOjpLDBiN7ptM4Zmgsy3yEIYRcpox+dypU5"}]},"maintainers":[{"name":"tdeekens","email":"nerd@tdeekens.name"},{"name":"commercetools-admin","email":"npmjs@commercetools.com"},{"name":"emmenko","email":"emmenko@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/inset-squish_10.39.1_1604334504925_0.6379275133413551"},"_hasShrinkwrap":false},"0.0.0-canary-2020103141922":{"name":"@commercetools-uikit/inset-squish","description":"An inset squish spacing component provides a consistent padding to the inner component, with horizontal padding being proportionally bigger than the vertical padding.","version":"0.0.0-canary-2020103141922","bugs":{"url":"https://github.com/commercetools/ui-kit/issues"},"repository":{"type":"git","url":"git+https://github.com/commercetools/ui-kit.git","directory":"packages/components/spacings/inset-squish"},"homepage":"https://uikit.commercetools.com","keywords":["javascript","design system","react","uikit"],"license":"MIT","private":false,"publishConfig":{"access":"public"},"sideEffects":false,"main":"dist/inset-squish.cjs.js","module":"dist/inset-squish.es.js","scripts":{"prepare":"../../../../scripts/version.js replace","prebuild":"rimraf dist","build":"yarn build:bundles","build:bundles":"cross-env NODE_ENV=production rollup -c ../../../../rollup.config.js -i ./src/index.js","build:bundles:watch":"yarn build:bundles -w"},"dependencies":{"@babel/runtime":"7.12.1","@babel/runtime-corejs3":"7.12.1","@commercetools-uikit/design-system":"0.0.0-canary-2020103141922","@commercetools-uikit/utils":"0.0.0-canary-2020103141922","@emotion/core":"^10.0.34","prop-types":"15.7.2"},"peerDependencies":{"react":">= 16.8.0"},"readme":"# Inset Squish\n\n## Description\n\nIf you want to learn more about the spacing components take a look at\n[this](https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62)\narticle.\n\n## Usage\n\n```jsx\nimport SpacingsInsetSquish from '@commercetools-uikit/spacings-inset-squish';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <SpacingsInsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </SpacingsInsetSquish>\n</div>;\n```\n\n### Using Spacings preset\n\nInsetSquish spacing can be imported and used via `spacings` preset as well.\n\n```jsx\nimport Spacings from '@commercetools-uikit/spacings';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <Spacings.InsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </Spacings.InsetSquish>\n</div>;\n```\n\n## Properties\n\n| Props      | Type             | Required | Values            | Default |\n| ---------- | ---------------- | :------: | ----------------- | ------- |\n| `scale`    | `String`         |    -     | `['s', 'm', 'l']` | `m`     |\n| `children` | `PropTypes.node` |    -     | -                 | -       |\n\n## Scales\n\n| Scale | Pixel       |\n| :---- | :---------- |\n| s     | `4` x `8`   |\n| m     | `8` x `16`  |\n| l     | `16` x `32` |\n","readmeFilename":"README.md","_id":"@commercetools-uikit/inset-squish@0.0.0-canary-2020103141922","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","_npmUser":{"name":"commercetools-admin","email":"npmjs@commercetools.com"},"dist":{"integrity":"sha512-9MnPZlFpFy4nCRlkd5UMTlsTIoGsn4q8rubCowZGyqym/IiMItiJn3CVCrs6IMolFAVP2h6FoQlJTh29hjnzLQ==","shasum":"93eb2667681183c1f906ca8146cb7a0dd75c3fd1","tarball":"https://registry.npmjs.org/@commercetools-uikit/inset-squish/-/inset-squish-0.0.0-canary-2020103141922.tgz","fileCount":8,"unpackedSize":14275,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoWdLCRA9TVsSAnZWagAAvjsP/iixI7uimIb/ZMRVgDHE\naT3tkDlJT9eor5ZdyTzQeIUA8MF1gTYxvNTJoipXqoHTIPuo0yKt3dhB7cha\nrO57lsB6LCSqknvps5s5vw7OxRL2FXVpJnLN+KQ/VTIBGwVwsM0AMaBsIrmM\nIIpRc8zgGzdwYvuO5/gBNUewBHigxgpCk6hcDT/TLA9RvTMIk1QeGjLg1cDG\n5Cb1a3YwGPLwW3oW9r+UssGKcra7NEdIQK2pGBNHPRoecUlgTPmrv9FnqRHZ\nfCqaGHy5U1lNaIaOcf2HDzS3FPP9dh4buy2D0asqBD/SP+dXZwzVRf8NVVD9\nnmCPhs6/F4ObG6TYzLdBi6Mr1G+c9YcxQcYxTJehQi7qpNN6A33coPvNrXwu\ngBKITsBZ+st4u62DdDFq3Q27qRi8ipo3lefU7u5/6JDWf/3E6M0MhvgvDi3F\n/akuQlc4Etp2yCcIAlKaSQbdMfnnYkVw6mHrJgZWnUepcJO55Lw4VC8peEf5\nB+l+Y1+hLU2Ivl/ZwjUYvQU7bYcCpCBZcV1Vw9EO1rXfEcgNlGHOl9sbMBeT\nMLEd02+cayiXSfQo3v3xaVEHAC1DFMBFX/84Y0Y7x5GpEXNO3mwnmTNcO/eJ\nAJEFXQGdjkiCzZJfWdl7LLfUVU9uUYEVGa+1cc/H/TR1iuKnFp7QhAZiIviN\nkKVF\r\n=QgfA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICoxPpASlO34IzYsyJqdBxCBERKvmmuv0HKLUgGuoB/SAiEAxbqVKqnJbipuub5ZUTV1NU6ytqeJTpdFo0IRJNVljqI="}]},"directories":{},"maintainers":[{"name":"tdeekens","email":"nerd@tdeekens.name"},{"name":"commercetools-admin","email":"npmjs@commercetools.com"},{"name":"emmenko","email":"emmenko@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/inset-squish_0.0.0-canary-2020103141922_1604413252491_0.3658312583230696"},"_hasShrinkwrap":false},"0.0.0-canary-2020103182138":{"name":"@commercetools-uikit/inset-squish","description":"An inset squish spacing component provides a consistent padding to the inner component, with horizontal padding being proportionally bigger than the vertical padding.","version":"0.0.0-canary-2020103182138","bugs":{"url":"https://github.com/commercetools/ui-kit/issues"},"repository":{"type":"git","url":"git+https://github.com/commercetools/ui-kit.git","directory":"packages/components/spacings/inset-squish"},"homepage":"https://uikit.commercetools.com","keywords":["javascript","design system","react","uikit"],"license":"MIT","private":false,"publishConfig":{"access":"public"},"sideEffects":false,"main":"dist/inset-squish.cjs.js","module":"dist/inset-squish.es.js","scripts":{"prepare":"../../../../scripts/version.js replace","prebuild":"rimraf dist","build":"yarn build:bundles","build:bundles":"cross-env NODE_ENV=production rollup -c ../../../../rollup.config.js -i ./src/index.js","build:bundles:watch":"yarn build:bundles -w"},"dependencies":{"@babel/runtime":"7.12.1","@babel/runtime-corejs3":"7.12.1","@commercetools-uikit/design-system":"0.0.0-canary-2020103182138","@commercetools-uikit/utils":"0.0.0-canary-2020103182138","@emotion/core":"^10.0.34","prop-types":"15.7.2"},"peerDependencies":{"react":">= 16.8.0"},"readme":"# Inset Squish\n\n## Description\n\nIf you want to learn more about the spacing components take a look at\n[this](https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62)\narticle.\n\n## Usage\n\n```jsx\nimport SpacingsInsetSquish from '@commercetools-uikit/spacings-inset-squish';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <SpacingsInsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </SpacingsInsetSquish>\n</div>;\n```\n\n### Using Spacings preset\n\nInsetSquish spacing can be imported and used via `spacings` preset as well.\n\n```jsx\nimport Spacings from '@commercetools-uikit/spacings';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <Spacings.InsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </Spacings.InsetSquish>\n</div>;\n```\n\n## Properties\n\n| Props      | Type             | Required | Values            | Default |\n| ---------- | ---------------- | :------: | ----------------- | ------- |\n| `scale`    | `String`         |    -     | `['s', 'm', 'l']` | `m`     |\n| `children` | `PropTypes.node` |    -     | -                 | -       |\n\n## Scales\n\n| Scale | Pixel       |\n| :---- | :---------- |\n| s     | `4` x `8`   |\n| m     | `8` x `16`  |\n| l     | `16` x `32` |\n","readmeFilename":"README.md","_id":"@commercetools-uikit/inset-squish@0.0.0-canary-2020103182138","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","_npmUser":{"name":"commercetools-admin","email":"npmjs@commercetools.com"},"dist":{"integrity":"sha512-YsZ/YSUlYKRCP77WBmSMeclBylc/6zvxBNMhbkjNQOfGT14HCiCL7IPFErUlJwznMNpjp+Omo3PBO7UovM1wRQ==","shasum":"7c2ade6cb0954c94db8ae9e0ba8ba438a1b710db","tarball":"https://registry.npmjs.org/@commercetools-uikit/inset-squish/-/inset-squish-0.0.0-canary-2020103182138.tgz","fileCount":8,"unpackedSize":14275,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoaAiCRA9TVsSAnZWagAAon8QAKAGel050RH1yh4bz1ex\nGXh0+GrA0FHaJMXwP9iMGbDz0/w2ZtnLSJqHnNDK/qN+Gd2I+dkvcTgsxqUW\nP699H16uz0JetmbvBxdpGQ4rAWtEXLnoD+VM2jfKjRI5KMmm45mdES7hEdlS\n8EpMO2P7qHQsLtKX54TcGvBasenOl6E+8Bh/1spt8TO35zOY+5FELf3AyqlB\n3smrebZFLkTYwB6Z3tCrtG38CO3kw+XijzvIr3NXlQNnBJ/pqv+GIyrQI9jd\nY8U+FySWJD2iwY//w9SZ409dsmPiaYAHeU9grIJo93duy6pACQUmcYs24JDN\n0k0nKpJ1aKS525PFAnpk0RovhTW6WDgzboSGVWJyc+1qczJzkLq4SYqChruw\nwNv0gqXy5F5Gm/Pjrp9sxfXVeYoEQOHcuMEw0YlzAi86Qhz/98B6ZsKSmioq\nyuaKNuc/6Eu7GIJakLdBrJbWyYEFPdmpl7GSna96HBsO1dPzH6NjGPo3JGbn\nZSKsfrpWot3pV5PPppno7qYybrRD3EuBrhiWLPDRjGmg/ylA7zdOE6a1czNB\nxiFhgyp9OmgsR5e98H90muhdl22/na0m4w+gNa9TXrhgmo3UIbAY6afO3/59\nJkdttCAZIUumDyJhEaX0/Ro4NoqkpR6aGfBTjnPHAStH2PwaHK2gf+SaVbxD\nJAyD\r\n=pMGf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDQ3ZRuxnbcguvBjV3Vo+FZCing72fVlsQp41dFAdxhSAiBZZadKgR++lcI6AaEUOUmnSY2mam7++GQXBuuPmeL1Pg=="}]},"directories":{},"maintainers":[{"name":"tdeekens","email":"nerd@tdeekens.name"},{"name":"commercetools-admin","email":"npmjs@commercetools.com"},{"name":"emmenko","email":"emmenko@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/inset-squish_0.0.0-canary-2020103182138_1604427802418_0.14623409449912628"},"_hasShrinkwrap":false},"0.0.0-canary-2020103203835":{"name":"@commercetools-uikit/inset-squish","description":"An inset squish spacing component provides a consistent padding to the inner component, with horizontal padding being proportionally bigger than the vertical padding.","version":"0.0.0-canary-2020103203835","bugs":{"url":"https://github.com/commercetools/ui-kit/issues"},"repository":{"type":"git","url":"git+https://github.com/commercetools/ui-kit.git","directory":"packages/components/spacings/inset-squish"},"homepage":"https://uikit.commercetools.com","keywords":["javascript","design system","react","uikit"],"license":"MIT","private":false,"publishConfig":{"access":"public"},"sideEffects":false,"main":"dist/inset-squish.cjs.js","module":"dist/inset-squish.es.js","scripts":{"prepare":"../../../../scripts/version.js replace","prebuild":"rimraf dist","build":"yarn build:bundles","build:bundles":"cross-env NODE_ENV=production rollup -c ../../../../rollup.config.js -i ./src/index.js","build:bundles:watch":"yarn build:bundles -w"},"dependencies":{"@babel/runtime":"7.12.1","@babel/runtime-corejs3":"7.12.1","@commercetools-uikit/design-system":"0.0.0-canary-2020103203835","@commercetools-uikit/utils":"0.0.0-canary-2020103203835","@emotion/core":"^10.0.34","prop-types":"15.7.2"},"peerDependencies":{"react":">= 16.8.0"},"readme":"# Inset Squish\n\n## Description\n\nIf you want to learn more about the spacing components take a look at\n[this](https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62)\narticle.\n\n## Usage\n\n```jsx\nimport SpacingsInsetSquish from '@commercetools-uikit/spacings-inset-squish';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <SpacingsInsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </SpacingsInsetSquish>\n</div>;\n```\n\n### Using Spacings preset\n\nInsetSquish spacing can be imported and used via `spacings` preset as well.\n\n```jsx\nimport Spacings from '@commercetools-uikit/spacings';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <Spacings.InsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </Spacings.InsetSquish>\n</div>;\n```\n\n## Properties\n\n| Props      | Type             | Required | Values            | Default |\n| ---------- | ---------------- | :------: | ----------------- | ------- |\n| `scale`    | `String`         |    -     | `['s', 'm', 'l']` | `m`     |\n| `children` | `PropTypes.node` |    -     | -                 | -       |\n\n## Scales\n\n| Scale | Pixel       |\n| :---- | :---------- |\n| s     | `4` x `8`   |\n| m     | `8` x `16`  |\n| l     | `16` x `32` |\n","readmeFilename":"README.md","_id":"@commercetools-uikit/inset-squish@0.0.0-canary-2020103203835","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","_npmUser":{"name":"commercetools-admin","email":"npmjs@commercetools.com"},"dist":{"integrity":"sha512-4VkJUn8uQeNkICzLX1RQpx5d50i9SPWJNbhtq3EOHHewiu1a+ofqU0HigkzQtwM4mL5wqsOknMBl0pfIxjfQEw==","shasum":"93f2e0a5ab287d988e5dd46c1638b4599176e755","tarball":"https://registry.npmjs.org/@commercetools-uikit/inset-squish/-/inset-squish-0.0.0-canary-2020103203835.tgz","fileCount":8,"unpackedSize":14275,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfocApCRA9TVsSAnZWagAAafUQAJ9LsGmyKqEZVfUPZoKp\np+bpFE6o6nl/LijzRvTpX4xFnX+dm9f2szoDaebr0z0uVOPQS6hjMAvK6jMV\nf12EoI4vGOTvxtYvkADLYBxTjk+Fioza5ZNsGQu9DeKDwLcl2N+YlaWQLjwx\nN3SAurrvj8ZWw7etAi1nLXLcqHBBrrMpZboKMHfk0VUmGizlZA0fFgCjkxTf\n8GOjevHOcHYtDWcp8Xa3UsBQi1mgbqkyCnxaPTpCFdzs/MJQz8Wzd1TYS8x1\nQqUesk1FG05c22aRt9HzIubK97ZTp8VurmLDfAPPMbZx9sfu8S0nRavfNBJU\njT+RrB1jY/t2XTXOSlwbct9KgHMco9J5DDfBNfFg4sIZzpync8xMJPtYUFC6\nodq+OppQKZjN0p56qkU0cTHcK2D2sDXOluH/XUkJaZUjhyGfVG/ijVhElITC\nU61YV8avmkw++pPFxZutdEFq3hsbx24/61ae/T5gkKlgH+oOwi/xj7QBo4TR\n87QBwYMe3XLjE6IWl991+7gR1ifjDeLiDYwV3Px4lAw6diFYBHJKhFbVyDSO\nUhlGpYhiv+jWfqxGss/MO5o+2pgLZ4mwuyk0aUew0v4PdsVJCE7dV7P2TLZ2\n5cN1wlS2axD5NJF/CwBP9H7DMeRls2iA455Fa7JkRmeZGdhqVVimn77Cdd5A\niN8B\r\n=rQUn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA6XcraqB7mXVQp/U0WuLRs+alzLVsIJAIwTM48EXKbJAiEArUb1JtD8ys/zr6Spxb96TGPnQal7M9eExfHS0EojJXE="}]},"directories":{},"maintainers":[{"name":"tdeekens","email":"nerd@tdeekens.name"},{"name":"commercetools-admin","email":"npmjs@commercetools.com"},{"name":"emmenko","email":"emmenko@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/inset-squish_0.0.0-canary-2020103203835_1604436002690_0.23656567087378355"},"_hasShrinkwrap":false},"0.0.0-canary-202010474929":{"name":"@commercetools-uikit/inset-squish","description":"An inset squish spacing component provides a consistent padding to the inner component, with horizontal padding being proportionally bigger than the vertical padding.","version":"0.0.0-canary-202010474929","bugs":{"url":"https://github.com/commercetools/ui-kit/issues"},"repository":{"type":"git","url":"git+https://github.com/commercetools/ui-kit.git","directory":"packages/components/spacings/inset-squish"},"homepage":"https://uikit.commercetools.com","keywords":["javascript","design system","react","uikit"],"license":"MIT","private":false,"publishConfig":{"access":"public"},"sideEffects":false,"main":"dist/inset-squish.cjs.js","module":"dist/inset-squish.es.js","scripts":{"prepare":"../../../../scripts/version.js replace","prebuild":"rimraf dist","build":"yarn build:bundles","build:bundles":"cross-env NODE_ENV=production rollup -c ../../../../rollup.config.js -i ./src/index.js","build:bundles:watch":"yarn build:bundles -w"},"dependencies":{"@babel/runtime":"7.12.1","@babel/runtime-corejs3":"7.12.1","@commercetools-uikit/design-system":"0.0.0-canary-202010474929","@commercetools-uikit/utils":"0.0.0-canary-202010474929","@emotion/core":"^10.0.34","prop-types":"15.7.2"},"peerDependencies":{"react":">= 16.8.0"},"readme":"# Inset Squish\n\n## Description\n\nIf you want to learn more about the spacing components take a look at\n[this](https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62)\narticle.\n\n## Usage\n\n```jsx\nimport SpacingsInsetSquish from '@commercetools-uikit/spacings-inset-squish';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <SpacingsInsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </SpacingsInsetSquish>\n</div>;\n```\n\n### Using Spacings preset\n\nInsetSquish spacing can be imported and used via `spacings` preset as well.\n\n```jsx\nimport Spacings from '@commercetools-uikit/spacings';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <Spacings.InsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </Spacings.InsetSquish>\n</div>;\n```\n\n## Properties\n\n| Props      | Type             | Required | Values            | Default |\n| ---------- | ---------------- | :------: | ----------------- | ------- |\n| `scale`    | `String`         |    -     | `['s', 'm', 'l']` | `m`     |\n| `children` | `PropTypes.node` |    -     | -                 | -       |\n\n## Scales\n\n| Scale | Pixel       |\n| :---- | :---------- |\n| s     | `4` x `8`   |\n| m     | `8` x `16`  |\n| l     | `16` x `32` |\n","readmeFilename":"README.md","_id":"@commercetools-uikit/inset-squish@0.0.0-canary-202010474929","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","_npmUser":{"name":"commercetools-admin","email":"npmjs@commercetools.com"},"dist":{"integrity":"sha512-cFHBSgdxIa716xVtKL1jlOhknYi8gWLJKWFXQv8NyTGCwxNLaTyQhdSGea6s9pLBatGSMQR/1LYbRZEMyt32tw==","shasum":"677549cde1468d21212e67b831aac9936865fbbe","tarball":"https://registry.npmjs.org/@commercetools-uikit/inset-squish/-/inset-squish-0.0.0-canary-202010474929.tgz","fileCount":8,"unpackedSize":14265,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfol1xCRA9TVsSAnZWagAACrYP/3i84tN98Gz0DfQzIm9v\nONLKbsrNDnop8JfR61nlYdL/ZmOoJaqBQZyfQxovPB6ywL81lBVlGkR5j5HS\nAIR+XHw39mvtHxb6D8pKT05GynC3wBPtbEHUfQVV9oGpfmhtFP+9b2nwZKcl\nj+GzU2Z8lv/4solIB+0iOquFFonoEj4236qSdgez0x5tqF8D6NkXtoe03Zsf\ndvAe7F3ylRlgx/SBVMvN4qhlBdjMBIEazHwzyXWsAqgHucJokue70JCyfIHd\nD6jZoVVK4kRBOWGt8vqn0pKt3QPzjYN3HEF63f1A+EXv1bIeEX4WvlDO0ej5\nQWLbm1Sigi6CokoHLV81qh+RORcK147YEoyQhmOpgqnKtafPbTon0IKpYlG5\nnVYlIVzbqdA4XpS1zLGRnKywt4PSjzPYr414c4KCDgOst62PEGZgggR1t36U\nG4IHP5WGyPtCVBhKUxgNycBHlzjC+vuOjWroVeFR5zdKW6XzRcedQVBBcxFp\nChB66mZzbD9jHsYLJFKsKOMk4rb9K+GcjRps1jmxexXst5gl5AtimrA6bwwx\n+bJPzbCBj3g64KCAVBCrbFbHjZhFk/kL4YNYf25tjrqevz/iuOuGf3SRzTOw\nem3OO+paYreTU0lgR5ax2UEsmsZyD4wMWRzpAtN/M5At61z8JYAva/WQpgvp\nV7oR\r\n=POQE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8eOoY/Li8ArUUgnUdIM1w3WCP+8wNCsg8sv9U/RqfowIhAOXk9XiHfC6pndH5xfZ5KmDv4TopYWmtwOSCz68t+z/y"}]},"directories":{},"maintainers":[{"name":"tdeekens","email":"nerd@tdeekens.name"},{"name":"commercetools-admin","email":"npmjs@commercetools.com"},{"name":"emmenko","email":"emmenko@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/inset-squish_0.0.0-canary-202010474929_1604476266099_0.5229874120686631"},"_hasShrinkwrap":false},"10.39.2":{"name":"@commercetools-uikit/inset-squish","description":"An inset squish spacing component provides a consistent padding to the inner component, with horizontal padding being proportionally bigger than the vertical padding.","version":"10.39.2","bugs":{"url":"https://github.com/commercetools/ui-kit/issues"},"repository":{"type":"git","url":"git+https://github.com/commercetools/ui-kit.git","directory":"packages/components/spacings/inset-squish"},"homepage":"https://uikit.commercetools.com","keywords":["javascript","design system","react","uikit"],"license":"MIT","private":false,"publishConfig":{"access":"public"},"sideEffects":false,"main":"dist/inset-squish.cjs.js","module":"dist/inset-squish.es.js","scripts":{"prepare":"../../../../scripts/version.js replace","prebuild":"rimraf dist","build":"yarn build:bundles","build:bundles":"cross-env NODE_ENV=production rollup -c ../../../../rollup.config.js -i ./src/index.js","build:bundles:watch":"yarn build:bundles -w"},"dependencies":{"@babel/runtime":"7.12.1","@babel/runtime-corejs3":"7.12.1","@commercetools-uikit/design-system":"10.39.2","@commercetools-uikit/utils":"10.39.2","@emotion/core":"^10.0.34","prop-types":"15.7.2"},"peerDependencies":{"react":">= 16.8.0"},"_id":"@commercetools-uikit/inset-squish@10.39.2","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","_npmUser":{"name":"commercetools-admin","email":"npmjs@commercetools.com"},"dist":{"integrity":"sha512-zJRrA3WiH2iysjDxUhEHZszCEIJYzU4gn6/G6gmY9xPswR/GP2vif1pLpmenBsaAUL4+2k7WEytb7FmIO+yceg==","shasum":"45d133cd6261becc025c3aefcb6ae5bd924918cb","tarball":"https://registry.npmjs.org/@commercetools-uikit/inset-squish/-/inset-squish-10.39.2.tgz","fileCount":8,"unpackedSize":14085,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfomjMCRA9TVsSAnZWagAAPOUQAJgqk6kxs8zmgHGA0YLH\nGSScNSTmrEazE8y/5EUOOD+ZKSRWYxX1yagNQTky8ZK1ka7gpefLK+S9azvB\ndqMMpZDVfpfUmYlyrjVOAWl0sswywZBOAsYB6DuNhIjycQpXW3Db+hkV5Cgs\nC1yRDcfEV5khuv7E4T1VrgaUDyMt7vgJc5zMffFO7MW5jyOKky7u1P1DOtsJ\nsAE/CqXjeckWUG5bhEkVq4+TS3F8GmsVQzQNim4cv4FIfcvjEkdk+oNg5Swr\nDAGkoeY+orwkA3023d+NRqMz1MVjyWaQaq3b6/VrQWpPUWDBJ3Pwvu9tcK6n\nI2wrwllIuafZpIRzfQgileDWLl9OtHQMi3iUPNSeB7GMtob7uYx9ghYXIZjT\n8QPQpQj3KigCQvheKxCSHxV7VoP02QtRacruTZTMooUnR1z/QXM0r71Kox76\nxltc7DGbJJCeVJCx6UX3k0EdJbuqQgtneFBwWyaekAtjp4UGSUBKP90xYqk/\nlBy2Q49IxMNuMShy4rXybLQLaPb1SOK8mosWxidU3vEYn8UVtTmazDb34F7V\nFG4uWcZMZB5cL12VCqhu2zo4XIfsizYuInsBE+q8hD8i45zO/0k2GubeELMv\nj/S5Qwp4A/Lh0KVQqMrNogNiTyrsTyDkkD0JL3KhAi49hGPbpWLTu599MqQ2\nWqPg\r\n=NbPb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAtstC5Nunl2tW25oYUqmseHxK0937LxKUMr+HQZ8lUqAiEAsg4rzl+ouAep5fkYQAlO+WFExFTf4hdNp011TH1d4E0="}]},"directories":{},"maintainers":[{"name":"tdeekens","email":"nerd@tdeekens.name"},{"name":"commercetools-admin","email":"npmjs@commercetools.com"},{"name":"emmenko","email":"emmenko@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/inset-squish_10.39.2_1604479179975_0.13285544790011494"},"_hasShrinkwrap":false},"0.0.0-canary-202010414016":{"name":"@commercetools-uikit/inset-squish","description":"An inset squish spacing component provides a consistent padding to the inner component, with horizontal padding being proportionally bigger than the vertical padding.","version":"0.0.0-canary-202010414016","bugs":{"url":"https://github.com/commercetools/ui-kit/issues"},"repository":{"type":"git","url":"git+https://github.com/commercetools/ui-kit.git","directory":"packages/components/spacings/inset-squish"},"homepage":"https://uikit.commercetools.com","keywords":["javascript","design system","react","uikit"],"license":"MIT","private":false,"publishConfig":{"access":"public"},"sideEffects":false,"main":"dist/inset-squish.cjs.js","module":"dist/inset-squish.es.js","scripts":{"prepare":"../../../../scripts/version.js replace","prebuild":"rimraf dist","build":"yarn build:bundles","build:bundles":"cross-env NODE_ENV=production rollup -c ../../../../rollup.config.js -i ./src/index.js","build:bundles:watch":"yarn build:bundles -w"},"dependencies":{"@babel/runtime":"7.12.1","@babel/runtime-corejs3":"7.12.1","@commercetools-uikit/design-system":"0.0.0-canary-202010414016","@commercetools-uikit/utils":"0.0.0-canary-202010414016","@emotion/core":"^10.0.34","prop-types":"15.7.2"},"peerDependencies":{"react":">= 16.8.0"},"readme":"# Inset Squish\n\n## Description\n\nIf you want to learn more about the spacing components take a look at\n[this](https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62)\narticle.\n\n## Usage\n\n```jsx\nimport SpacingsInsetSquish from '@commercetools-uikit/spacings-inset-squish';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <SpacingsInsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </SpacingsInsetSquish>\n</div>;\n```\n\n### Using Spacings preset\n\nInsetSquish spacing can be imported and used via `spacings` preset as well.\n\n```jsx\nimport Spacings from '@commercetools-uikit/spacings';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <Spacings.InsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </Spacings.InsetSquish>\n</div>;\n```\n\n## Properties\n\n| Props      | Type             | Required | Values            | Default |\n| ---------- | ---------------- | :------: | ----------------- | ------- |\n| `scale`    | `String`         |    -     | `['s', 'm', 'l']` | `m`     |\n| `children` | `PropTypes.node` |    -     | -                 | -       |\n\n## Scales\n\n| Scale | Pixel       |\n| :---- | :---------- |\n| s     | `4` x `8`   |\n| m     | `8` x `16`  |\n| l     | `16` x `32` |\n","readmeFilename":"README.md","_id":"@commercetools-uikit/inset-squish@0.0.0-canary-202010414016","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","_npmUser":{"name":"commercetools-admin","email":"npmjs@commercetools.com"},"dist":{"integrity":"sha512-ORqepRCPWtJHkPoRrUmjKgWmnb7yn6rzUnTsZ19jrYxdLVlRwWjvqebeTpFDvT/zZQ3sKNlfK0DVW5cRqbtEDw==","shasum":"d528b042abecf2d4a9e9861d6754e229123f7a75","tarball":"https://registry.npmjs.org/@commercetools-uikit/inset-squish/-/inset-squish-0.0.0-canary-202010414016.tgz","fileCount":8,"unpackedSize":14768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJforRVCRA9TVsSAnZWagAAzBsQAJLl1OHnidDTz91H5V2g\nF2Ybqx4gtKMWNloOBKPUFXMZ4DiK08YbUuA2luCza+pXpJX2uEtDgYfv3KqD\nf9I1YMXyZMNPZ9KV5H+b7UfYb1316WN2oM7YyJwzWqrMLdu4Dh9q2isFps9H\nriqU1C4Xq7YZtFk4JtZ5JlvNoqEO8IoxDyFUOLwLSQIol/EFxye/U50NDSAM\n83q6ntASJTzau2U4dDTGhNIsWMxacQWRhQjeXENFOOh97mzyoAu/U31A6EkD\nAhCzGt5NV3ZvQ0hUdP7zVg4aa1dptz5dsPh3pR1CzFg9E7SYB4lofRCiCJCb\nU+9vjMmf/yr0n5AaVgbwkIP0vNbWwK+FdFfPaXrMErEbwY3b6IVr9FoJiO2f\nJO92QMIzqH9O82kIZeS3MNx2R/6lCQIJUoZlkUYZbaRu3hUA5OYDAsrCeMX/\nE3LhLU/xoy7JuzT92uFwoJWbNOO5t2PHagz5d5VQOEDuMlr++xdIQvlzSiCZ\nyUEE6lM0lL5hxBbi49l13zozDciUEV/dDfub0Jx4mFScMZasfitjYEO2ll68\nXDvsMkTtgaykX8QMGtsNN7pZYNZgHk+01IMx2ymWqR/nRJ+B2E/H8hubfHfe\nUqOBP/hrqIGD7xO7aGf4XhgKXzzE4u9JIP3K2G/XQMGZdtawzgoqr7j9Z/1h\nAz1c\r\n=vXh8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDnKD3e6YJCwSwYjK0FcXrLSg48zgSrhRYx8t4hizn9uAiEAv1Z+qGTVPtOzYJLRP3tSaXDF/dnzeIVRsmd9j8jqvLo="}]},"directories":{},"maintainers":[{"name":"tdeekens","email":"nerd@tdeekens.name"},{"name":"commercetools-admin","email":"npmjs@commercetools.com"},{"name":"emmenko","email":"emmenko@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/inset-squish_0.0.0-canary-202010414016_1604498515252_0.10511368331679294"},"_hasShrinkwrap":false},"10.39.3":{"name":"@commercetools-uikit/inset-squish","description":"An inset squish spacing component provides a consistent padding to the inner component, with horizontal padding being proportionally bigger than the vertical padding.","version":"10.39.3","bugs":{"url":"https://github.com/commercetools/ui-kit/issues"},"repository":{"type":"git","url":"git+https://github.com/commercetools/ui-kit.git","directory":"packages/components/spacings/inset-squish"},"homepage":"https://uikit.commercetools.com","keywords":["javascript","design system","react","uikit"],"license":"MIT","private":false,"publishConfig":{"access":"public"},"sideEffects":false,"main":"dist/inset-squish.cjs.js","module":"dist/inset-squish.es.js","scripts":{"prepare":"../../../../scripts/version.js replace","prebuild":"rimraf dist","build":"yarn build:bundles","build:bundles":"cross-env NODE_ENV=production rollup -c ../../../../rollup.config.js -i ./src/index.js","build:bundles:watch":"yarn build:bundles -w"},"dependencies":{"@babel/runtime":"7.12.1","@babel/runtime-corejs3":"7.12.1","@commercetools-uikit/design-system":"10.39.3","@commercetools-uikit/utils":"10.39.3","@emotion/core":"^10.0.34","prop-types":"15.7.2"},"peerDependencies":{"react":">= 16.8.0"},"_id":"@commercetools-uikit/inset-squish@10.39.3","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","_npmUser":{"name":"commercetools-admin","email":"npmjs@commercetools.com"},"dist":{"integrity":"sha512-xzd9o6gYhbHLVvSjq/RVnvEY6HY1pnyAW7uYdW8WvqxiXryM6bHi9gVXn5UKE8/a6FqCb0oOhKVyUjbp8wikLA==","shasum":"0adcf08a327ad8b881dea5adeed059c5b509ff66","tarball":"https://registry.npmjs.org/@commercetools-uikit/inset-squish/-/inset-squish-10.39.3.tgz","fileCount":8,"unpackedSize":14588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJforr2CRA9TVsSAnZWagAAZogP/3+yZ/SZmzvlqug5C1yx\ntW8AQaeHqutSJG+GGl3M+EZ1GPony9ulDYoLgTqWgosNmgBBl1IpECZ2YNxc\nQ1K5kGDlxmeZmGOFIESOWQW9rOGjXJ7ZvxFKceJUFnTkgDi+hyg4mb8sbJLH\nZ0EM1CZvemITQRneFwwK1QBpAyqfSBrYy9v3fsIIcxg3U6bmtvuMhc5aKosQ\n08ND+wztdbb++W95wxZ85sxn+ocwjIRrLXM4c20BzURtaCoHGTZu5A5l2ZWk\nmqSJqwaZ+duWmcqXU9ZJr0dRobCpPKciwBe35gLwJituYrjxDNOqQcn4O3Wc\nN2RSWZSzy6F/1Bs60fLpOn8HCjQePfqE20bffy4MGUrCN6EukBFfJ5mgDGyy\nrTQ4mfZOV8P9V7Y2o2SAIAyAZEZHPZq5aIm5+ctF3SXtQJfB0LJZEfSzp4FZ\nGDtkkPdy0yxOryk45UcSI8mANg8s5siF1mRcwfVxAXBKTc/qctZcFHC/7kh8\nA7qmokWGM+WjSfX+twccUpqlVfqQMpTbAKwR/B0oGR8TmWzZgrMYRaUpxUyy\nuIsSR7b/UP9FTH5A3k5APEpIKAik97e3lFn1VkzBPVaG9NXh1PO5tGDML9+5\nEhn4We73UZpAbb4ECoka7HMG8eiGw0v8oebaNPchJ1kw/AfinO7HfiOmBvjE\nH94M\r\n=GMAe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDetECOZp+SRdRqSuvpIQB7JIg+4AdBbCyDVTEVK16y8AIgBQZPU0p/4t9PKsxq+4wZXMascPfM7MunBQVawXBVNVs="}]},"directories":{},"maintainers":[{"name":"tdeekens","email":"nerd@tdeekens.name"},{"name":"commercetools-admin","email":"npmjs@commercetools.com"},{"name":"emmenko","email":"emmenko@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/inset-squish_10.39.3_1604500206925_0.4621983561313725"},"_hasShrinkwrap":false}},"time":{"created":"2020-10-29T09:56:22.641Z","0.0.0-canary-202092995452":"2020-10-29T09:56:23.077Z","modified":"2022-04-05T00:27:50.563Z","0.0.0-canary-202010215528":"2020-11-02T15:53:47.476Z","10.39.1":"2020-11-02T16:28:25.070Z","0.0.0-canary-2020103141922":"2020-11-03T14:20:59.594Z","0.0.0-canary-2020103182138":"2020-11-03T18:23:22.662Z","0.0.0-canary-2020103203835":"2020-11-03T20:40:09.341Z","0.0.0-canary-202010474929":"2020-11-04T07:51:13.631Z","10.39.2":"2020-11-04T08:39:40.128Z","0.0.0-canary-202010414016":"2020-11-04T14:01:57.237Z","10.39.3":"2020-11-04T14:30:07.092Z"},"maintainers":[{"name":"tdeekens","email":"nerd@tdeekens.name"},{"name":"commercetools-admin","email":"npmjs@commercetools.com"},{"name":"emmenko","email":"emmenko@gmail.com"}],"description":"An inset squish spacing component provides a consistent padding to the inner component, with horizontal padding being proportionally bigger than the vertical padding.","homepage":"https://uikit.commercetools.com","keywords":["javascript","design system","react","uikit"],"repository":{"type":"git","url":"git+https://github.com/commercetools/ui-kit.git","directory":"packages/components/spacings/inset-squish"},"bugs":{"url":"https://github.com/commercetools/ui-kit/issues"},"license":"MIT","readme":"# Inset Squish\n\n## Description\n\nIf you want to learn more about the spacing components take a look at\n[this](https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62)\narticle.\n\n## Usage\n\n```jsx\nimport SpacingsInsetSquish from '@commercetools-uikit/spacings-inset-squish';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <SpacingsInsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </SpacingsInsetSquish>\n</div>;\n```\n\n### Using Spacings preset\n\nInsetSquish spacing can be imported and used via `spacings` preset as well.\n\n```jsx\nimport Spacings from '@commercetools-uikit/spacings';\n\n// button component that uses SpacingsInsetSquish\n<div className={styles.background}>\n  <Spacings.InsetSquish scale=\"m\">\n    <Text.Detail>{/* SUBMIT */}</Text.Detail>\n  </Spacings.InsetSquish>\n</div>;\n```\n\n## Properties\n\n| Props      | Type             | Required | Values            | Default |\n| ---------- | ---------------- | :------: | ----------------- | ------- |\n| `scale`    | `String`         |    -     | `['s', 'm', 'l']` | `m`     |\n| `children` | `PropTypes.node` |    -     | -                 | -       |\n\n## Scales\n\n| Scale | Pixel       |\n| :---- | :---------- |\n| s     | `4` x `8`   |\n| m     | `8` x `16`  |\n| l     | `16` x `32` |\n","readmeFilename":"README.md"}