{"_id":"@amj7/nativescript-tailwind-preset","_rev":"5-673d95c13da60b0f28cb9a61dd99ec00","name":"@amj7/nativescript-tailwind-preset","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.0":{"name":"@amj7/nativescript-tailwind-preset","version":"1.0.0","keywords":["nativescript","tailwind","tailwindcss","colors","theme","preset"],"author":{"name":"ArthurMJ96"},"license":"MIT","_id":"@amj7/nativescript-tailwind-preset@1.0.0","maintainers":[{"name":"amj7","email":"1114aze@gmail.com"}],"dist":{"shasum":"aa0c207502149a8fd6df7188b6a9da0506569988","tarball":"https://registry.npmjs.org/@amj7/nativescript-tailwind-preset/-/nativescript-tailwind-preset-1.0.0.tgz","fileCount":5,"integrity":"sha512-dDrN4pZtXQYIufEXY17vFaWYYOtZt5MJn5n3lCMFNyxGrUbnQtHV3WTSymvhMdc15XXfAkGrbHSCJosPEjb5Cg==","signatures":[{"sig":"MEQCIGRs2VzFMXP5bo/7UpY0NLUAYca1usMLpQrTCkIqfaenAiAQJ4eNbZCtOcQ2156HMs3DVkhVhI4t6Ty4QG6Z+0xFfQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7153},"main":"index.js","types":"./index.d.ts","gitHead":"6a227cffef0a52ed264889cdedb97793a8958193","_npmUser":{"name":"amj7","email":"1114aze@gmail.com"},"_npmVersion":"11.0.0","description":"NativeScript Tailwind CSS preset with custom colors and configurations","directories":{},"_nodeVersion":"23.6.1","_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/nativescript-tailwind-preset_1.0.0_1739537103143_0.4896394196954268","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@amj7/nativescript-tailwind-preset","version":"1.0.1","keywords":["nativescript","tailwind","tailwindcss","colors","theme","preset"],"author":{"name":"ArthurMJ96"},"license":"MIT","_id":"@amj7/nativescript-tailwind-preset@1.0.1","maintainers":[{"name":"amj7","email":"1114aze@gmail.com"}],"dist":{"shasum":"9716d708d85b5d77af233c7ebc6526c2f45de2de","tarball":"https://registry.npmjs.org/@amj7/nativescript-tailwind-preset/-/nativescript-tailwind-preset-1.0.1.tgz","fileCount":5,"integrity":"sha512-3HHAG4/FgQEwkmQUY7ooQDWIuYdwYxgjujx9P12Ly4ET7e6FOCgY2QulfTbmYvoLk75cTGuKBzfRR++3XC2bjw==","signatures":[{"sig":"MEUCIQCRTqRD5EWW5PSz1xfU2iaDgQcuhM71mLwyTtHkYu/wegIgGKMwO1jtTRb/1UW8mbFbul96ct6gcIGyazP/xdCcPYM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7184},"main":"index.js","types":"./index.d.ts","gitHead":"0604159b5efad79836fb828da8178fd375e53b47","_npmUser":{"name":"amj7","email":"1114aze@gmail.com"},"_npmVersion":"11.0.0","description":"NativeScript Tailwind CSS preset with custom colors and configurations","directories":{},"_nodeVersion":"23.6.1","_hasShrinkwrap":false,"peerDependencies":{"tw-colors":"^3.3.2","tailwindcss":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/nativescript-tailwind-preset_1.0.1_1739537555950_0.2981755804755952","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@amj7/nativescript-tailwind-preset","version":"1.0.2","keywords":["nativescript","tailwind","tailwindcss","colors","theme","preset"],"author":{"name":"ArthurMJ96"},"license":"MIT","_id":"@amj7/nativescript-tailwind-preset@1.0.2","maintainers":[{"name":"amj7","email":"1114aze@gmail.com"}],"dist":{"shasum":"26850cc78d0dcd46c7af79c94209dacf78be3c60","tarball":"https://registry.npmjs.org/@amj7/nativescript-tailwind-preset/-/nativescript-tailwind-preset-1.0.2.tgz","fileCount":5,"integrity":"sha512-eI/8TzqbHS2YDkUr2wU9SuZPxChThRQsTdBwEag+QrsNMq59pJkbpMQHBp2N9O31xtw2cpFbHFJZNa2gXamVrA==","signatures":[{"sig":"MEUCIDdgIXJDJA8zZN2H6a0xoY4q6JbDSEHInEe8Hu47PrMDAiEA0dRk8jCR1XlS+oOPD6JaslarvXaXBD5XF6ejN0kwdsI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7171},"main":"index.js","types":"./index.d.ts","gitHead":"0604159b5efad79836fb828da8178fd375e53b47","_npmUser":{"name":"amj7","email":"1114aze@gmail.com"},"_npmVersion":"11.0.0","description":"NativeScript Tailwind CSS preset with custom colors and configurations","directories":{},"_nodeVersion":"23.6.1","_hasShrinkwrap":false,"peerDependencies":{"tw-colors":"^3.3.2","tailwindcss":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/nativescript-tailwind-preset_1.0.2_1739538931635_0.12264362682833685","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@amj7/nativescript-tailwind-preset","version":"1.0.3","keywords":["nativescript","tailwind","tailwindcss","colors","theme","preset"],"author":{"name":"ArthurMJ96"},"license":"MIT","_id":"@amj7/nativescript-tailwind-preset@1.0.3","maintainers":[{"name":"amj7","email":"1114aze@gmail.com"}],"dist":{"shasum":"55e51baf6b07e9b42dd7a8a81993f2b1b0c25c6f","tarball":"https://registry.npmjs.org/@amj7/nativescript-tailwind-preset/-/nativescript-tailwind-preset-1.0.3.tgz","fileCount":6,"integrity":"sha512-30VdZlmcqDBSXyD0/4PyJlEac2uq4SSzn65LhabEg2zRfb5eXzPUIgUy4+f0+i5yGU1FmXH2m2j44JDppMqENg==","signatures":[{"sig":"MEQCIDqMWW9WorvkhDIrEgucGUcINEbPgepTHIHkil9EgPCfAiAxlo/oMNcmcOjY4bjyfg1eHh2LTi2jJMq2LT7j2V9eFQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7916},"main":"index.js","types":"./index.d.ts","gitHead":"0604159b5efad79836fb828da8178fd375e53b47","_npmUser":{"name":"amj7","email":"1114aze@gmail.com"},"_npmVersion":"11.0.0","description":"NativeScript Tailwind CSS preset with custom colors and configurations","directories":{},"_nodeVersion":"23.6.1","_hasShrinkwrap":false,"peerDependencies":{"tw-colors":"^3.3.2","tailwindcss":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/nativescript-tailwind-preset_1.0.3_1739539484812_0.24312084694779235","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@amj7/nativescript-tailwind-preset","version":"1.0.4","keywords":["nativescript","tailwind","tailwindcss","colors","theme","preset"],"author":{"name":"ArthurMJ96"},"license":"MIT","_id":"@amj7/nativescript-tailwind-preset@1.0.4","maintainers":[{"name":"amj7","email":"1114aze@gmail.com"}],"dist":{"shasum":"9e74d97bd873fee1d98a364a5f20f62fe8b9a102","tarball":"https://registry.npmjs.org/@amj7/nativescript-tailwind-preset/-/nativescript-tailwind-preset-1.0.4.tgz","fileCount":7,"integrity":"sha512-/YtVxUJVxOTvKeyNA+OsDBuQ6cALSp6LIwiWrSWParrAcIBS+HKJv/009dQ3JulvH7vc4TW1SidWPtQX8hProg==","signatures":[{"sig":"MEQCIB4khi32T5eSHZQYwquhb7ftE0kIdnV6JXZzPIS67pJzAiAlfaNtRiKU0qjaVbCc+MyymZiLJfaQUpTwIgnp6BcOUw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10837},"main":"index.js","types":"./index.d.ts","gitHead":"bc9725974d5573379f6642e8207daeb82361ea06","_npmUser":{"name":"amj7","email":"1114aze@gmail.com"},"_npmVersion":"11.0.0","description":"NativeScript Tailwind CSS preset with custom colors and configurations","directories":{},"_nodeVersion":"23.6.1","_hasShrinkwrap":false,"peerDependencies":{"tw-colors":"^3.3.2","tailwindcss":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/nativescript-tailwind-preset_1.0.4_1739621216399_0.9394649064731142","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@amj7/nativescript-tailwind-preset","version":"1.0.5","description":"NativeScript Tailwind CSS preset with custom colors and configurations","main":"index.js","keywords":["nativescript","tailwind","tailwindcss","colors","theme","preset"],"author":{"name":"ArthurMJ96"},"repository":{"type":"git","url":"git+https://github.com/ArthurMJ96/nativescript-tailwind-preset.git"},"license":"MIT","peerDependencies":{"tailwindcss":"^3.0.0","tw-colors":"^3.3.2"},"_id":"@amj7/nativescript-tailwind-preset@1.0.5","gitHead":"4945ecc3123f819572bada784bee09c25ea7f3d8","types":"./index.d.ts","bugs":{"url":"https://github.com/ArthurMJ96/nativescript-tailwind-preset/issues"},"homepage":"https://github.com/ArthurMJ96/nativescript-tailwind-preset#readme","_nodeVersion":"23.6.1","_npmVersion":"11.0.0","dist":{"integrity":"sha512-fspQnY/xcoTC8PIJFXJ6upONDKbZFf9PHPB4E2nprX07Y32tE3Py5RwKe2SyyxRSQuYo5lDzdyXs2mL4K3WM7A==","shasum":"530efda08f858b381b36ef80c9e1301c9a24ed3b","tarball":"https://registry.npmjs.org/@amj7/nativescript-tailwind-preset/-/nativescript-tailwind-preset-1.0.5.tgz","fileCount":7,"unpackedSize":10959,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCsY92pCmRxfUwtylph6M/xjYxViFe0ZylBlVcJ+V5dSQIgWHyDgdf4IV8TqHFbmdyWCXFJk7bwSF7EsxMt4mJpkX0="}]},"_npmUser":{"name":"amj7","email":"1114aze@gmail.com"},"directories":{},"maintainers":[{"name":"amj7","email":"1114aze@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/nativescript-tailwind-preset_1.0.5_1740065814522_0.667719506818732"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-14T12:45:03.047Z","modified":"2025-02-20T15:36:54.834Z","1.0.0":"2025-02-14T12:45:03.321Z","1.0.1":"2025-02-14T12:52:36.097Z","1.0.2":"2025-02-14T13:15:31.853Z","1.0.3":"2025-02-14T13:24:45.078Z","1.0.4":"2025-02-15T12:06:56.567Z","1.0.5":"2025-02-20T15:36:54.674Z"},"author":{"name":"ArthurMJ96"},"license":"MIT","keywords":["nativescript","tailwind","tailwindcss","colors","theme","preset"],"description":"NativeScript Tailwind CSS preset with custom colors and configurations","maintainers":[{"name":"amj7","email":"1114aze@gmail.com"}],"readme":"This is just my personal quick mini theme for quick NativeScript proof-of-concepts.  \r\nIt adds some quick Minimalist Color Layers for dark/light mode.  \r\n`*-base-[100/200/300]` for backgrounds. (Ex: `bg-base-200`)  \r\n`*-[high/low/focus]` for text. (Ex: `text-high`)  \r\nAnd defines some handy NS based responsive modifiers:   \r\n```js\r\n                                        // Example usage:\r\naddVariant(\"l\", \".ns-light &\");         // l:bg-base-200\r\naddVariant(\"d\", \".ns-dark &\");          // d:bg-base-100\r\naddVariant(\"ios\", \".ns-ios &\");         // ios:py-10\r\naddVariant(\"android\", \".ns-android &\"); // android:border-none\r\naddVariant(\"tablet\", \".ns-tablet &\");   // tablet:w-48\r\n```\r\n\r\n# Install\r\nInstall peerDependencies as devDependencie\r\n```\r\nnpm i -D tw-colors\r\n```\r\nInstall as devDependencie\r\n```\r\nnpm i -D @amj7/nativescript-tailwind-preset\r\n```\r\n\r\n\r\n### Example usage\r\n\r\nIn `tailwind.config.js`:\r\n```js\r\nconst { colors, plugins } = require('@amj7/nativescript-tailwind-preset')()\r\n\r\n/** @type {import('tailwindcss').Config} */\r\nmodule.exports = {\r\n  content: ['./src/**/*.{css,xml,html,vue,svelte,ts,tsx}'],\r\n  darkMode: ['class', '.ns-dark'],\r\n  theme: {\r\n    colors, // <-- THIS\r\n  },\r\n  plugins, // <-- THIS\r\n  corePlugins: {\r\n    preflight: false, // disables browser-specific resets\r\n  },\r\n}\r\n```\r\n\r\nOr use spread operator to mix with your stuff:\r\n\r\nIn `tailwind.config.js`:\r\n```js\r\nconst { colors, plugins } = require('@amj7/nativescript-tailwind-preset')()\r\n\r\n/** @type {import('tailwindcss').Config} */\r\nmodule.exports = {\r\n  content: ['./src/**/*.{css,xml,html,vue,svelte,ts,tsx}'],\r\n  darkMode: ['class', '.ns-dark'],\r\n  theme: {\r\n    colors: {\r\n      ...colors, // <-- THIS\r\n      ...yourStuff,\r\n    },\r\n  },\r\n  plugins: [\r\n    ...plugins, // <-- THIS\r\n    yourPluginHere,\r\n  ],\r\n  corePlugins: {\r\n    preflight: false,\r\n  },\r\n}\r\n```\r\n\r\n### Change theme\r\nUse your own theme (see `default-theme.js` for example)\r\n\r\nIn `tailwind.config.js`:\r\n```js\r\n// define your theme file somewhere \r\nconst { colors, plugins } = require('@amj7/nativescript-tailwind-preset')(\r\n  require('./default-theme').ThemeColors\r\n)\r\n```\r\n```js\r\n// or inline\r\nconst { colors, plugins } = require('@amj7/nativescript-tailwind-preset')({\r\n  \"ns-light\": {\r\n    base: {\r\n      // Shades of off-white/light grey for backgrounds and surfaces (lightest to darkest)\r\n      100: \"#F9FAFB\", // Main background\r\n      200: \"#F2F2F7\", // Secondary surfaces (cards, modals)\r\n      300: \"#E5E5E5\", // Subtle dividers, very light accents\r\n    },\r\n    high: \"#000000\", // Primary, high contrast text\r\n    low: \"#b2becd\", // Secondary, lower contrast text (hints, captions)\r\n    focus: \"#fb923c\", // Accent color for focus states, interactive elements\r\n  },\r\n  \"ns-dark\": {\r\n    base: {\r\n      100: \"#121212\",\r\n      200: \"#1E1E1E\",\r\n      300: \"#2D2D2D\",\r\n    },\r\n    high: \"#ffffff\",\r\n    low: \"#b2becd\",\r\n    focus: \"#fb923c\",\r\n  },\r\n})\r\n```","readmeFilename":"README.md","homepage":"https://github.com/ArthurMJ96/nativescript-tailwind-preset#readme","repository":{"type":"git","url":"git+https://github.com/ArthurMJ96/nativescript-tailwind-preset.git"},"bugs":{"url":"https://github.com/ArthurMJ96/nativescript-tailwind-preset/issues"}}