@ct-taco/vue
Advanced tools
@ct-taco/vue - npm Package Compare versions
Comparing version 0.0.2 to 0.0.4
| { | ||
| "name": "@ct-taco/vue", | ||
| "version": "0.0.2", | ||
| "version": "0.0.4", | ||
| "description": "", | ||
@@ -24,2 +24,2 @@ "main": "index.js", | ||
| } | ||
| } | ||
| } |
@@ -1,7 +0,7 @@ | ||
| # vue | ||
| # test-vue-components | ||
| Learn how to use @ct-taco/vue components to quickly and easily create elegant and flexible pages using Tailwind CSS. | ||
| Learn how to use @lorena-cocora-updivision/test-vue-components components to quickly and easily create elegant and flexible pages using Tailwind CSS. | ||
| ## Getting Started | ||
| @ct-taco/vue is working with Tailwind CSS classes and Click Outside Vue 3. | ||
| @lorena-cocora-updivision/test-vue-components is working with Tailwind CSS classes and Click Outside Vue 3. | ||
@@ -22,6 +22,6 @@ | ||
| 3. Install `@ct-taco/vue`. | ||
| 3. Install `@lorena-cocora-updivision/test-vue-components`. | ||
| ```bash | ||
| npm i @ct-taco/vue | ||
| npm i @lorena-cocora-updivision/test-vue-components | ||
| ``` | ||
@@ -31,7 +31,7 @@ | ||
| 4. Congratulations 🥳, you did it, now you're ready to use @ct-taco/vue. | ||
| 4. Congratulations 🥳, you did it, now you're ready to use @lorena-cocora-updivision/test-vue-components. | ||
| ```jsx | ||
| <script> | ||
| import { Button } from "@ct-taco/vue"; | ||
| import { Button } from "@lorena-cocora-updivision/test-vue-components"; | ||
| </script> | ||
@@ -38,0 +38,0 @@ |
| import { states } from "../../utils/states.js"; | ||
| export const containerClass = | ||
| ""; | ||
| "items-center rounded-full cursor-pointer flex p-3 relative overflow-hidden"; | ||
| export const rootClass = ""; | ||
| export const rootClass = "items-center inline-flex"; | ||
| export const labelClass = | ||
| ""; | ||
| "text-gray-700 cursor-pointer font-light mt-px select-none"; | ||
| export function getInputClass(color) { | ||
| const structureClass = { | ||
| base: "", | ||
| base: "appearance-none before:bg-blue-gray-500 before:content[''] before:block before:h-12 before:left-2/4 before:opacity-0 hover:before:opacity-10 before:absolute before:top-2/4 before:-translate-y-2/4 before:-translate-x-2/4 before:transition-opacity before:w-12 border-blue-gray-200 rounded-md border cursor-pointer h-5 peer relative transition-all w-5", | ||
| color: `${states.checked.colors[color]} ${states.checked.border[color]} ${states.checked.before.colors[color]}`, | ||
@@ -15,0 +15,0 @@ }; |
@@ -24,2 +24,3 @@ export const variantStyle = { | ||
| white: "bg-white", | ||
| black: "bg-black", | ||
| }, | ||
@@ -26,0 +27,0 @@ gradient: { |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.48%
160617
- Lines of code
- increased by0.1%
1911