{"_id":"@daimler/productkit-tailwind","_rev":"14-fbcf802b831b42a14235649abf643ab2","name":"@daimler/productkit-tailwind","dist-tags":{"latest":"2.1.0"},"versions":{"1.0.0":{"name":"@daimler/productkit-tailwind","version":"1.0.0","license":"MIT","_id":"@daimler/productkit-tailwind@1.0.0","maintainers":[{"name":"ogruene","email":"oliver.grueneberg@daimler.com"},{"name":"basvas","email":"basem.vaseghi@daimler.com"},{"name":"prode","email":"paul.rode@daimler.com"},{"name":"blackdark","email":"mail@eduard-marbach.de"},{"name":"fafa1012","email":"myevolution@outlook.com"}],"homepage":"https://github.com/mercedes-benz/product-kit_tailwind#readme","bugs":{"url":"https://github.com/mercedes-benz/product-kit_tailwind/issues"},"dist":{"shasum":"7355858b806d42caed0ac28bd11eaeea009eef30","tarball":"https://registry.npmjs.org/@daimler/productkit-tailwind/-/productkit-tailwind-1.0.0.tgz","fileCount":33,"integrity":"sha512-42g2hiqKrCJC7Ru66AtAYb66sDWgoVA2V5sAq46o9xHWiDUtfTOAmTmVkbLiRBU3yoPMaszYUgJcod3mk0lWGQ==","signatures":[{"sig":"MEYCIQC/DkwfKB/fk3Eesmr4ZOdTNb+uRJd5WySzcDgOA3hBsAIhAL5LspFqzfVHbDuAb7e+f4H9j16ubrtXH5+EhbcZWxet","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":250130,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC6n4CRA9TVsSAnZWagAAsDkP/juZ0Y7Xx5OwTxzZfKSe\nc+erqQmvXtV0Myk8F42pf7J+NFrjSV4idIGnbAkehf6d7YojFibc2m5BYom0\nhNfAvmk1DUiWKFRDK+dv95Gq4GuvXmuxwom0EUiml18mFhpYxde4maDpmc52\nYIotpqN3/Y4mObuxP/xbpTyj2Vv7ZKoYzqpACqInWwL98f97NDHeldTQUWi7\nczedQo/r5rtOcDpOaqqAXjp4cScpres5N7Z+YAKjHjph3lB00XXeaT/DhIgt\nY+LBpibv3eBYK/Dwlxa9Y9B5Rfz5uE3h3GSi9ricuJiHY4pQCvtiSvvB5YPw\ntsWyP1o0h/kFJcAQIcp8C8aAwIZQNaPamSiC63K70OYr2MGVQfXzoWVcUghu\ngc7/+xhzPklpw/XL05GagQpCVx/ne5GdXLxkWZ5edddObwDqCEhbsAq+Mlbo\n5k+YfNklwLVpKybVYQSXBdF3jpI6BlRopxlpOGjX6VcfIPPvtMucw/LW7/fb\nv/ZOOerYQrT+iu9lF+xHj/ee31aQsBkP+5u+QmEeESfLH1mA0H2epT7p7yTh\ncKcJsfcToHTMz4nJe0tlQ05I8eHh53MNPrMjYenjH+up71USzHzztIq2mcKC\nZfpkiDy5vamVCkYPyAdsGU0o0vQ2IwYdcyb7bl2a/o/1mQxsu71Ka7m9Bg2R\ntj7c\r\n=qtbp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/productkit.config.js","engines":{"node":"16.x"},"gitHead":"2997450852725ba7b4d5216d7ca7df7c2b6bb0da","scripts":{"test-build":"(cd test && postcss ./public/assets/css/main.css -o ./dist/main.css)","test-watch":"(cd test && postcss -w ./public/assets/css/main.css -o ./dist/main.css)"},"_npmUser":{"name":"fafa1012","email":"myevolution@outlook.com"},"repository":{"url":"git+https://github.com/mercedes-benz/product-kit_tailwind.git","type":"git"},"_npmVersion":"6.14.16","description":"Product Kit Tailwind provides tailwind presets that bring design tokens of Product Kit Core to Tailwind","directories":{},"_nodeVersion":"14.19.0","dependencies":{"@daimler/productkit-core":"^1.0.9"},"_hasShrinkwrap":false,"devDependencies":{"cssnano":"^5.0.17","postcss-cli":"^9.1.0","tailwindcss":"^3.0.19","autoprefixer":"^10.4.2","postcss-import":"^14.0.2"},"_npmOperationalInternal":{"tmp":"tmp/productkit-tailwind_1.0.0_1644931576042_0.10869938712163485","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.1.0":{"name":"@daimler/productkit-tailwind","version":"1.1.0","license":"MIT","_id":"@daimler/productkit-tailwind@1.1.0","maintainers":[{"name":"mbti-foss","email":"mbti-foss@mercedes-benz.com"},{"name":"tss-foss","email":"tss-foss@daimler.com"},{"name":"wgehring","email":"wolfgang.gehring@daimler.com"},{"name":"ogruene","email":"oliver.grueneberg@daimler.com"},{"name":"fafa1012","email":"myevolution@outlook.com"}],"homepage":"https://github.com/mercedes-benz/product-kit_tailwind#readme","bugs":{"url":"https://github.com/mercedes-benz/product-kit_tailwind/issues"},"dist":{"shasum":"6216c82f023224c611a98d8d3871a6a014d3b981","tarball":"https://registry.npmjs.org/@daimler/productkit-tailwind/-/productkit-tailwind-1.1.0.tgz","fileCount":37,"integrity":"sha512-ytk4+Ys/VbY0sdjziCBc0TbIVM//IGeLFmIMA6V7X+ugpF6T0eglKYYnac1Ae5O3u586mD/2LmQAwQMiMMQUAw==","signatures":[{"sig":"MEUCIFxBzHpMyYWcFdcgxi6w/QWTAwZuUVtLltMm4RV/ieLOAiEAjTEtxxL0kaRkBqGHQkiuaehaYZy4haX22SBDIbM6SQM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":246659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiToGjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpY8g//Zz/L7+m/Ly0yQdpHLvwFsKsLerOAbdQ8GXKYdEMIPfA4dGVC\r\nm967GQ6fEqH8+EQ1miN366qcJwKTBCFjs0JIH0eptsRVqMim9f9oDZTLPzSq\r\nvDoIrS6bVXo0rq+cyFbeANqdd1dnSO/+GiNZBRmyVMvy5ZiBRjWz3bQ0/tpE\r\nZ9ZeZOpYMP+hFk/ChGcYvAntTaEOOl7ohIgANCkmwUDu9rkDWlsQ5Izq0zvW\r\nFH3zJzA2y+JhZnTbpZOXOiqzGc80qkzEQz0dcXnR6iio81b3OMgqxUfZr2kY\r\nOBO471vGTEZyHsaduTwX+ukTv52CDQGuKrco0jSbwiAax76Q6diR4pi5FNrf\r\ne1qw92N3c1BfU2Jz7baEE1DvsHZKtNZHuW9RG1w75EcnrLh0BOVhexEswjrP\r\nLmegM1MzlEufKmM04rD0NXSnjWXvJUe11HkTT8T3GH0vfP3gulPa43flSKFN\r\ngA619KLiNxs86ny+B+B6eftrl8KrDiU5aBTR2zWO4ifiPFhaHuybjechISZ5\r\n7P5vMHuj/FMZcqu6s5/xDWIwGx/gPODw60/Bqrr/I0qp6inhmt2HOSRCyVrs\r\nEyO/iCCNL3iyQpa/YFA7OXzjeMHZjq10e+mCL5+WcuT8Ggyyrs5JdUW0GOlZ\r\nlo8gEb+4788xZVYd7JjtgzFwpNagfcazz90=\r\n=b4+Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/","engines":{"node":"16.x"},"gitHead":"90cfa2228c2e7ab8f07bd2a4c7469b891736a293","scripts":{"test-build":"(cd test && postcss ./public/assets/css/main.css -o ./dist/main.css)","test-watch":"(cd test && postcss -w ./public/assets/css/main.css -o ./dist/main.css)"},"_npmUser":{"name":"mbti-foss","email":"mbti-foss@mercedes-benz.com"},"repository":{"url":"git+https://github.com/mercedes-benz/product-kit_tailwind.git","type":"git"},"_npmVersion":"8.5.0","description":"Product Kit Tailwind provides tailwind presets that bring design tokens of Product Kit Core to Tailwind","directories":{},"_nodeVersion":"16.14.2","dependencies":{"@daimler/productkit-core":"^1.3.0"},"_hasShrinkwrap":false,"devDependencies":{"cssnano":"^5.0.17","postcss-cli":"^9.1.0","tailwindcss":"^3.0.19","autoprefixer":"^10.4.2","postcss-import":"^14.0.2"},"_npmOperationalInternal":{"tmp":"tmp/productkit-tailwind_1.1.0_1649312163646_0.9735719552691002","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.0":{"name":"@daimler/productkit-tailwind","version":"2.0.0","license":"MIT","_id":"@daimler/productkit-tailwind@2.0.0","maintainers":[{"name":"mbti-foss","email":"mbti-foss@mercedes-benz.com"},{"name":"tss-foss","email":"tss-foss@daimler.com"},{"name":"wgehring","email":"wolfgang.gehring@daimler.com"},{"name":"ogruene","email":"oliver.grueneberg@daimler.com"},{"name":"fafa1012","email":"fabian.faulhaber@mercedes-benz.com"}],"homepage":"https://github.com/mercedes-benz/product-kit_tailwind#readme","bugs":{"url":"https://github.com/mercedes-benz/product-kit_tailwind/issues"},"dist":{"shasum":"db809fb216da3dd75bee9c8b813614467c99be53","tarball":"https://registry.npmjs.org/@daimler/productkit-tailwind/-/productkit-tailwind-2.0.0.tgz","fileCount":33,"integrity":"sha512-GJc9zUQd5Wmv6GPMzo2+EObvbsnP054Qi4rktBZxJTtkruxJk4elu2CA3PnmDG3ZRmN3py9LGB7XAK0sDwvh3w==","signatures":[{"sig":"MEUCIEtIITa25t4VdigZgfYwZE+Gm8g1ctJa74VBy2GBAVwEAiEAiHnz66XM2yKfXO2nCjW4mSrf+Gt0HPVz2muFvjPVz3w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313278,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+2H8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSiw//SpIbc8TS0qzsjkHHMSvwfiEoAEjxTbJTjSs0TlpQXRQqGZfU\r\njX7fctNxVm6AwCevY/qFkeODIvSjVZzvni9PvIKllJu5nNyTlmm0mduV3LAH\r\nK5QTzbFYw45nZgdu9YxfDhMLwKxhk6vAOd2oxyZm/ST+bkMjScpl8YLAtOT+\r\nRHVPEqyMEK+cWJmENN8rNgxx44U44sft4vK+BSWHYXkIMX8Y/rTTsCiO4iRX\r\nBQU7BX66ER5INBJQixJBKpDlMbjAmfPflP6XAwp/iEsxJ+Dt48SHvZTxlvJP\r\nCRh0uehGte6hqOkTmy8ynzdTgweXKH1vfl1PPZw0LpHvy0Ag5ezlORomQwk9\r\n16TaDrFzqPEw9bZKe9RxdNypZ75jEd5yXFXL+90fBOSmYHrBty8Wc+OUq+j4\r\n7CY16A6wFTEDbJv12/v0h0iAN0nn4QhC4WghvoB3ACy97iUV3cq9lKa5HYLV\r\nGxcy2bbDTuPNTAo/GojeLn9GicMiPZjmXRRjUuJ4t1g5MVBppjDrhfPd1SR8\r\n/4tlJIvZ3tgR0acOikCWPKRb2oFmG+VmkF5XjuUuDd6wEVFjQVXt41NtyTia\r\nwiZHuNVgAdSvimTKvndGrAWid2ntpMmePwC7s7RpUPW3Er3JYLoHfHQiH9n6\r\nQkSL7HqhZE5TTh/qAo3H2wTzzdGBFAL1WlA=\r\n=PtPW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/","engines":{"node":"16.x"},"gitHead":"3f7cbad0efe7a1829e3b5841ac83ec0d886a6ab2","scripts":{"test-build":"(cd test && npx tailwindcss -i ./public/assets/css/main.css -o ./dist/main.css)","test-watch":"(cd test && npx tailwindcss -i ./public/assets/css/main.css -o ./dist/main.css --watch)"},"_npmUser":{"name":"mbti-foss","email":"mbti-foss@mercedes-benz.com"},"repository":{"url":"git+https://github.com/mercedes-benz/product-kit_tailwind.git","type":"git"},"_npmVersion":"8.11.0","description":"Product Kit Tailwind provides tailwind presets that bring design tokens of Product Kit Core to Tailwind","directories":{},"_nodeVersion":"16.16.0","dependencies":{"@daimler/productkit-core":"^2.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.1.8","autoprefixer":"^10.4.8"},"_npmOperationalInternal":{"tmp":"tmp/productkit-tailwind_2.0.0_1660641788646_0.1062498999103123","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.1":{"name":"@daimler/productkit-tailwind","version":"2.0.1","license":"MIT","_id":"@daimler/productkit-tailwind@2.0.1","maintainers":[{"name":"mbti-foss","email":"mbti-foss@mercedes-benz.com"},{"name":"tss-foss","email":"tss-foss@daimler.com"},{"name":"wgehring","email":"wolfgang.gehring@daimler.com"},{"name":"ogruene","email":"oliver.grueneberg@daimler.com"},{"name":"fafa1012","email":"fabian.faulhaber@mercedes-benz.com"}],"homepage":"https://github.com/mercedes-benz/product-kit_tailwind#readme","bugs":{"url":"https://github.com/mercedes-benz/product-kit_tailwind/issues"},"dist":{"shasum":"c4aec03e4b393d372f87fe3ee50ea08da0c9b122","tarball":"https://registry.npmjs.org/@daimler/productkit-tailwind/-/productkit-tailwind-2.0.1.tgz","fileCount":33,"integrity":"sha512-jszz3Ud2gMmSwtJMajAXQvm+SPV3qFNr+sbw9Z+NZX47XFCiUqRy2LDzOQPeTdGxaeoKhRK/5rfjn/1CljE5oA==","signatures":[{"sig":"MEUCIQChdN+6+9Ugji1bG7xjvtZRh+Pi9cV1kZfyC52xLrrSmQIgFyAMMNfAdvDh/gZRS9b8mRAbmJqY9d1Vkmbz9dCoCvY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":220956,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGbeUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZHw//YQ1+FA+uzknxtZX9F41iqVKvfdTLh6E34E0Wl7JZGfpPWoj7\r\n1S/RfZtJWnHYi0dxjRk659IJvcANJDA4Zg5k7Z55l6r2B1sAzz1yiYG7hNSP\r\ngyMErAtlt9Fv3M6JW6DkXw6bCdGx00VbYsjmaNAxPHDHqi00vOE252T1ATyZ\r\ndrNzJvyXA5CMQFeHQ7Mb7BQpXfIkI1pAoDHvrAsxyrv2ppUXr6X5p7QbHc4O\r\npWyfxGFOiD5iNDRQwxm6RXNNHTZi1TlJHUHR1OLwskZdcUkr1Mvj3wd7QcIF\r\nsubQ8TMjy7UpN/sS2O+qRCA+Z5u3jdS4QTrBApxJaB42qLOCkDN7XOa/YAOt\r\nfSb3gQpBFS26XfTkjytSRAowqR9DjwnYbNJ150jY3GyoTe0OtRTFIISOpJ12\r\nA1uqwK2VzYPRoLdt7H5BZbVY9CIRpV9nL9scHAJ+MAIn1Us5pinBC911BZsX\r\nfJFOmvit9hHHhjXvc+rp/EOOJ9mJjN3kYNTiemaK3v3G1YOVHM8ogWQXoGJZ\r\nLaaNTwmHgaNTNP/KFQQXpXO3oSWleStZZUSwS1EUQsZEqzZvtCarYGWMSIgU\r\nIqvCfob6DfKcbrujAdO0o/kRkXTyHWEA+7kBMgR5PbYo1fwp+gdgW4H6aAuw\r\nrr6qjMBSwbOzrfxnoOsknfRPCRFaT5SvCFc=\r\n=+yC9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/","engines":{"node":"16.x"},"gitHead":"3db4a32934c3c3c7daff95c61898abedcbe4803e","scripts":{"test-build":"(cd test && npx tailwindcss -i ./public/assets/css/main.css -o ./dist/main.css)","test-watch":"(cd test && npx tailwindcss -i ./public/assets/css/main.css -o ./dist/main.css --watch)"},"_npmUser":{"name":"mbti-foss","email":"mbti-foss@mercedes-benz.com"},"repository":{"url":"git+https://github.com/mercedes-benz/product-kit_tailwind.git","type":"git"},"_npmVersion":"8.15.0","description":"Product Kit Tailwind provides tailwind presets that bring design tokens of Product Kit Core to Tailwind","directories":{},"_nodeVersion":"16.17.0","dependencies":{"@daimler/productkit-core":"^2.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.1.8","autoprefixer":"^10.4.8"},"_npmOperationalInternal":{"tmp":"tmp/productkit-tailwind_2.0.1_1662629779890_0.876916517169166","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.1.0":{"name":"@daimler/productkit-tailwind","version":"2.1.0","license":"MIT","_id":"@daimler/productkit-tailwind@2.1.0","maintainers":[{"name":"mbti-foss","email":"mbti-foss@mercedes-benz.com"},{"name":"tss-foss","email":"tss-foss@daimler.com"},{"name":"wgehring","email":"wolfgang.gehring@daimler.com"},{"name":"ogruene","email":"oliver.grueneberg@daimler.com"},{"name":"fafa1012","email":"fabian.faulhaber@mercedes-benz.com"}],"homepage":"https://github.com/mercedes-benz/product-kit_tailwind#readme","bugs":{"url":"https://github.com/mercedes-benz/product-kit_tailwind/issues"},"dist":{"shasum":"c8c22d2aa057ee97bee318186737a5dfe0f3e073","tarball":"https://registry.npmjs.org/@daimler/productkit-tailwind/-/productkit-tailwind-2.1.0.tgz","fileCount":33,"integrity":"sha512-jvj0t91oU3vIXG2mbbpPDVI3Q6TRhtRrUxvX4PV3w+ZLt8R3EG3SBi7ORlSc7DAu5oEV7d2NgpiSydKyxUjWCw==","signatures":[{"sig":"MEYCIQDSoX5ETKg7J8z7V/7QNykZAdt4RXWHBGa+iTkDODUnfQIhAKRff7ZD4s7qIP5NgHl6ZmnE0rFV8DoC9TMrSZoJkhWd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":320676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYTaFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/QhAAlJa1xzRYaPrLAQrECfivm1QYx9IrFj4VxYZD3plONKgEu455\r\nfezLxejP4oOTzJIk/AeynCkQK2fRgly5lJ1AC1Os+h5z3Z3lzLlmHRwnB915\r\nSgpy5FKVanne+9YGGE0f+GG6fkKFUQKQnTnouS0/GIkE23l1rFQhD75x/xCG\r\nsTR7U+sMiLmbylxpmIapbSNbr70AaJQndxwOnJO9B1IlULjU7JNHPVMZmY42\r\nOE5ad394NVhv4q/6xI1eVVR1r1c2YTMB7vn/3oL84dOLmEqFEf/nIdOFQ9us\r\nYdowdFHMjm63C6wVTlf68mvRU0IQ70PML88j++VgVTDUJmxSCnIu4CjjwymT\r\ng2sR72PaffZ0ypVA0fH8Eq5b5cxQCPyeyQZs0u2uCJ/sh8k6K1f6BnXzH00n\r\nUuqujT7KfIKqu/4/kiHMvsdUp2X7DXTGTxNOtIJyydLnzO/ky9iUF2qzBF2p\r\nJ+dXM5FmAMCZmvDg8+Zqdg4CsShUD6aVAlLcacPFIaZHaWGRdrDHx/08u1Pn\r\nURPXQsPSSRGtOHCiwmIxC5pG1UKWbnKAoKAyDaWHbf/4uR9ji3x2t3zN8zqQ\r\nYZ7Vs1/bOTy15MyEfpyJ3s2ZPcPYuPnJclV8BUp7V0NLX8xc88p3aoBx5gKu\r\nRlio5J1bk7dcbQduYM4/xzX0btAJWEq87xk=\r\n=mbK1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/","engines":{"node":"16.x"},"gitHead":"336cf50fd221767b9112b19c4c5445a93b3ecaaa","scripts":{"test-build":"(cd test && npx tailwindcss -i ./public/assets/css/main.css -o ./dist/main.css)","test-watch":"(cd test && npx tailwindcss -i ./public/assets/css/main.css -o ./dist/main.css --watch)"},"_npmUser":{"name":"mbti-foss","email":"mbti-foss@mercedes-benz.com"},"repository":{"url":"git+https://github.com/mercedes-benz/product-kit_tailwind.git","type":"git"},"_npmVersion":"8.15.0","description":"Product Kit Tailwind provides tailwind presets that bring design tokens of Product Kit Core to Tailwind","directories":{},"_nodeVersion":"16.17.1","dependencies":{"@daimler/productkit-core":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.2.1","autoprefixer":"^10.4.13"},"_npmOperationalInternal":{"tmp":"tmp/productkit-tailwind_2.1.0_1667315333490_0.1320793666912461","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2022-02-15T13:26:15.951Z","modified":"2026-09-14T13:31:21.254Z","1.0.0":"2022-02-15T13:26:16.197Z","1.1.0":"2022-04-07T06:16:03.803Z","2.0.0":"2022-08-16T09:23:08.823Z","2.0.1":"2022-09-08T09:36:20.120Z","2.1.0":"2022-11-01T15:08:53.707Z"},"bugs":{"url":"https://github.com/mercedes-benz/product-kit_tailwind/issues"},"license":"MIT","homepage":"https://github.com/mercedes-benz/product-kit_tailwind#readme","repository":{"url":"git+https://github.com/mercedes-benz/product-kit_tailwind.git","type":"git"},"description":"Product Kit Tailwind provides tailwind presets that bring design tokens of Product Kit Core to Tailwind","maintainers":[{"name":"fafa1012","email":"fabian.faulhaber@mercedes-benz.com"},{"name":"mbti-foss","email":"mbti-foss@mercedes-benz.com"},{"name":"ogruene","email":"oliver.grueneberg@daimler.com"},{"name":"schregj","email":"julian.schregle@mercedes-benz.com"},{"name":"tss-foss","email":"tss-foss@daimler.com"},{"name":"wgehring","email":"wolfgang.gehring@daimler.com"}],"readme":"<!-- SPDX-License-Identifier: MIT -->\n# ![Product Kit Tailwind Logo](./docs/images/pk_tailwind_title_image.png)\n\n![license](https://img.shields.io/badge/license-MIT-38de03e?style=flat)\n[![npm](https://img.shields.io/npm/v/@daimler/productkit-tailwind)](https://www.npmjs.com/package/@daimler/productkit-tailwind)\n\nProduct Kit Tailwind translates design tokens of [Product Kit Core](https://github.com/mercedes-benz/product-kit_core) in the form of a predefined tailwind.config.js which can be imported in your own Tailwind config so you can start writing frontend code without learning how to adapt to styleguide specifications.\n\nThe following theme definitions have predefined values from [Product Kit Core](https://github.com/mercedes-benz/product-kit_core):\n\n* Colors\n* Typography\n* Spacing\n* Layout\n* Opacity\n* Sizes\n\n> If you need further improvements to Product Kit Tailwind or miss something from the styleguide feel free to open an [issue](https://github.com/mercedes-benz/product-kit_tailwind/issues)!\n\n## Installation\n\n`1.` Add Product Kit Tailwind as a dependency through npm:\n\n```bash\nnpm install -D @daimler/productkit-tailwind\n```\n\n`2.` Import Product Kit Tailwind to your tailwind.config.js like so:\n\n```javascript\nmodule.exports = {\n  presets: [\n    require('@daimler/productkit-tailwind/productkit.tailwind.config.js')\n  ]\n```\n\n`5.` Add additional style information to your main `styles` css\n\n```css\n@import 'tailwindcss/base';\n@import '@daimler/productkit-tailwind/src/styles.css';\n@import 'tailwindcss/components';\n@import 'tailwindcss/utilities';\n```\n\n## Usage\n\nProduct Kit Tailwind offers utility functions for frontends incorporating the styleguide of Mercedes-Benz Tech Innovation.\n\nIf you want to get the most out of Product Kit Tailwind please familiarise yourself with [Product Kit Core](https://github.com/mercedes-benz/product-kit_core) and its design tokens.\n\n### Colors\n\nAll colors defined in [Product Kit Core](https://github.com/mercedes-benz/product-kit_core) can be referenced through Tailwinds utility functions:\n\n```html\n<div class=\"bg-primary text-contrast-background border-goldentainoi-400\">\n```\n\nThere is no need to specify dark mode specific colors. Application colors like `primary`, `secondary`, `background` or `surface` will automatically switch to their dark mode representations. Learn more about this behavior in the `Dark Mode` section below.\n\n> If you want to have a list of all the predefined colors please take a look at the color defnitions [here](https://github.com/mercedes-benz/product-kit_tailwind/raw/main/src/theme/color/colors.js).\n\n### Spacings\n\nProduct Kit Tailwind comes preloaded with styleguide specific spacing definitions which can be used through Tailwinds utility functions:\n\n```html\n<div class=\"mt-2 px-3 gap-y-16\">\n```\n\nAdditionally to these abolute spacing defintions you can use opinionated spacing styles that behave according to viewport sizes (dynamic spacing):\n\n```html\n<div class=\"mt-m\">\n```\n\nThe class above will translate to the following css:\n\n```css\n...\n@media (min-width: 600px) {\n    .mt-m {\n        margin-top: 32px;\n    }\n}\n@media (min-width: 905px) {\n    .mt-m {\n        margin-top: 48px;\n    }\n}\n...\n```\n\n### Typography\n\nEvery text style defined in [Product Kit Core](https://github.com/mercedes-benz/product-kit_core) can easily be specified with a css class:\n\n```html\n<span class=\"text-headline3\">\n    This is a headline!\n</span>\n```\n\nWhen using a predefined text style class you get responsive behavior for free! The above class definition will translate to: (example values)\n\n```css\n.text-headline3 {\n    font-size: 34px;\n    line-height: 44px;\n    letter-spacing: 0.1px;\n    text-transform: uppercase;\n}\n@screen m {\n    .text-headline3 {\n        font-size: 48px;\n        line-height: 60px;\n        letter-spacing: 0px;\n    }\n}\n```\n\n> If you want to have a list of all the predefined text styles please take a look at the responsive typography plugin [here](https://github.com/mercedes-benz/product-kit_tailwind/raw/main/src/plugins/responsive-typography/index.js).\n\n#### Headline Divider\n\nThe styleguide defines a divider below headlines. You can use the predefined class `.divider` to get a responsive line below headlines.\n\n```html\n<div class=\"divider\" />\n```\n\n> **Note:** You have to calculate the width of the divider according to the headline size. Learn more about the divider behavior in the Mercedes-Benz Tech Innovation styleguide.\n\n### Responsive Layout\n\nProduct Kit Tailwind provides a `.container` and `.container-wide` class that you can use to adapt the content of your frontend to layout specifications of [Product Kit Core](https://github.com/mercedes-benz/product-kit_core). Everything inside your container element is arranged according to predefined breakpoints and grid definitions.\n\n```html\n<div class=\"container\">\n    Responsive Body\n</div>\n```\n\nThe class above will translate to the following css: (example values)\n\n```css\n.container {\n    width: 90%;\n    display: grid;\n    margin: auto;\n}\n@screen xs {\n    .container {\n        width: 87%;\n        column-gap: 16px;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n}\n...\n```\n\n### Dark Mode\n\nYou can get dark mode specific colors by adding `.dark` to the root element of your html code:\n\n```html\n<html class=\"dark\">\n```\n\nThis will automatically switch application colors to their dark mode counterpart.\n\nIf you need further guidance in how to implement a dark mode switch please take a look inside the test directory [here](https://github.com/mercedes-benz/product-kit_tailwind/raw/main/test/public/index.html).\n\nThe following color names will switch automatically:\n\n* primary\n* secondary\n* tertiary\n* quternary\n* background\n* surface\n* outline\n* error\n* success\n* **all contrast colors**\n\n> **Note**: Contrast colors are used as text colors. If text is displayed on the background color `primary` the text color should be `contrast-primary`. Please also make yourself familiar with text opacity values. You can find further information [here](https://github.com/mercedes-benz/product-kit_core/blob/main/src/tokens/opacity/application.json).\n\n## Contributing\n\nWe welcome any contributions.\nIf you want to contribute to this project, please read the [contributing guide](CONTRIBUTING.md).\n\n## Code of Conduct\n\nPlease read our [Code of Conduct](https://github.com/mercedes-benz/foss/blob/master/CODE_OF_CONDUCT.md) as it is our base for interaction.\n\n## License\n\nThis project is licensed under the [MIT LICENSE](LICENSE).\n\n## Provider Information\n\nPlease visit <https://www.mercedes-benz-techinnovation.com/en/imprint/> for information on the provider.\n\nNotice: Before you use the program in productive use, please take all necessary precautions,\ne.g. testing and verifying the program with regard to your specific use.\nThe program was tested solely for our own use cases, which might differ from yours.\n","readmeFilename":"README.md"}