@luis-angel-martin-dzul/input-styles 0.0.6 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/input-styles.css +1 -1
  2. package/dist/input-yuc.es.js +2622 -2562
  3. package/dist/input-yuc.umd.js +9 -9
  4. package/package.json +1 -1
package/dist/input-styles.css CHANGED
@@ -1 +1 @@
1
- .alert-container{position:fixed;top:20px;right:20px;width:340px;display:flex;flex-direction:column;gap:10px;z-index:99999}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid transparent;border-radius:.375rem;background-color:#f9fafb;box-shadow:0 2px 6px #0000001f;opacity:0;transform:translate(40px);transition:opacity .25s ease,transform .25s ease}.alert.show{opacity:1;transform:translate(0)}.alert.hide{opacity:0;transform:translate(40px)}.alert-icon{display:flex;align-items:center;justify-content:center;width:26px}.alert-icon svg{width:22px;height:22px;display:block}.alert-icon svg path{fill:currentColor!important}.alert-texts{flex:1}.alert-title{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis}.alert-message{font-size:13px;margin-top:2px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.alert-close{font-size:18px;font-weight:700;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:.2s ease}.alert-close:hover{background:#d1d5db}.alert-success{background-color:#ecfdf5;color:#065f46;border-color:#b4dfc6}.alert-error{background-color:#fef2f2;color:#991b1b;border-color:#f0c5c5}.alert-warning{background-color:#fffbeb;color:#92400e;border-color:#f0dfa5}.alert-info{background-color:#eff6ff;color:#1e40af;border-color:#c7daf5}.alert-neutral{background-color:#f3f4f6;color:#374151;border-color:#cbd5e1}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:99998;opacity:0;transition:opacity .25s ease}.dialog-overlay.show{opacity:1}.dialog-box{background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;display:flex;flex-direction:column;width:400px;max-width:90%;padding:1rem;transform:translateY(-20px);transition:transform .25s ease}.dialog-overlay.show .dialog-box{transform:translateY(0)}.dialog-box.fixed-width{width:380px;max-width:90%}.dialog-title{font-size:18px;font-weight:700;color:#1f2937}.dialog-description{font-size:14px;color:#374151;margin-bottom:10px;white-space:pre-line}.dialog-buttons{display:flex;gap:10px;margin-top:10px}.dialog-buttons.two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog-buttons.one-button{display:flex}.dialog-buttons.one-button .dialog-btn{flex:1}.dialog-btn{font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px}.dialog-buttons .dialog-btn{flex:1}.btn-blue{font-size:.75rem;padding:.25rem .5rem;background-color:#0284c7;color:#fff;border-radius:.125rem;cursor:pointer;border:none;transition:background-color .2s ease}.btn-blue:hover{background-color:#0ea5e9}.btn-blue:disabled{background-color:#7dd3fc;color:#6b7280;cursor:not-allowed}.btn-white{font-size:.75rem;padding:.25rem .5rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.125rem;cursor:pointer;transition:background-color .2s ease}.btn-white:hover{background-color:#f3f4f6}.btn-white:disabled{background-color:#d1d5db;color:#6b7280;cursor:not-allowed}.dialog-btn-cancel{font-size:.75rem;padding:.25rem .5rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.125rem;cursor:pointer;transition:background-color .2s ease}.dialog-btn-cancel:hover{background-color:#f3f4f6}.dialog-btn-cancel:disabled{background-color:#d1d5db;color:#6b7280;cursor:not-allowed}.dialog-btn-accept{font-size:.75rem;padding:.25rem .5rem;background-color:#0284c7;color:#fff;border-radius:.125rem;cursor:pointer;border:none;transition:background-color .2s ease}.dialog-btn-accept:hover{background-color:#0ea5e9}.dialog-btn-accept:disabled{background-color:#7dd3fc;color:#6b7280;cursor:not-allowed}.dialog-loading-layout{display:flex;align-items:center;gap:14px;margin-top:10px}.dialog-loading-spinner{width:34px;height:34px;border:4px solid #e5e7eb;border-top-color:#0d9488;border-radius:50%;animation:dialog-spin .8s linear infinite}.dialog-loading-text{font-size:15px;color:#374151}@keyframes dialog-spin{to{transform:rotate(360deg)}}@keyframes dialogShake{0%{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(3px)}to{transform:translateY(0)}}.dialog-shake{animation:dialogShake .25s ease}input[type=date][data-v-2f7f0f95]::-webkit-calendar-picker-indicator,input[type=datetime-local][data-v-2f7f0f95]::-webkit-calendar-picker-indicator,input[type=time][data-v-2f7f0f95]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input[type=date][data-v-2f7f0f95],input[type=datetime-local][data-v-2f7f0f95],input[type=time][data-v-2f7f0f95]{appearance:none;-webkit-appearance:none;-moz-appearance:textfield}.vc-focus[data-v-2f7f0f95]{box-shadow:none!important}.vc-container[data-v-2f7f0f95]{--vc-accent-500: #60A5FA}input[type=date][data-v-cd7ea14f]::-webkit-calendar-picker-indicator,input[type=datetime-local][data-v-cd7ea14f]::-webkit-calendar-picker-indicator,input[type=time][data-v-cd7ea14f]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input[type=date][data-v-cd7ea14f],input[type=datetime-local][data-v-cd7ea14f],input[type=time][data-v-cd7ea14f]{appearance:none;-webkit-appearance:none;-moz-appearance:textfield}
1
+ .alert-container{position:fixed;top:20px;right:20px;width:340px;display:flex;flex-direction:column;gap:10px;z-index:99999}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid transparent;border-radius:.375rem;background-color:#f9fafb;box-shadow:0 2px 6px #0000001f;opacity:0;transform:translate(40px);transition:opacity .25s ease,transform .25s ease}.alert.show{opacity:1;transform:translate(0)}.alert.hide{opacity:0;transform:translate(40px)}.alert-icon{display:flex;align-items:center;justify-content:center;width:26px}.alert-icon svg{width:22px;height:22px;display:block}.alert-icon svg path{fill:currentColor!important}.alert-texts{flex:1}.alert-title{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis}.alert-message{font-size:13px;margin-top:2px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.alert-close{font-size:18px;font-weight:700;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:.2s ease}.alert-close:hover{background:#d1d5db}.alert-success{background-color:#ecfdf5;color:#065f46;border-color:#b4dfc6}.alert-error{background-color:#fef2f2;color:#991b1b;border-color:#f0c5c5}.alert-warning{background-color:#fffbeb;color:#92400e;border-color:#f0dfa5}.alert-info{background-color:#eff6ff;color:#1e40af;border-color:#c7daf5}.alert-neutral{background-color:#f3f4f6;color:#374151;border-color:#cbd5e1}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:99998;opacity:0;transition:opacity .25s ease}.dialog-overlay.show{opacity:1}.dialog-box{background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;display:flex;flex-direction:column;width:400px;max-width:90%;padding:1rem;transform:translateY(-20px);transition:transform .25s ease}.dialog-overlay.show .dialog-box{transform:translateY(0)}.dialog-box.fixed-width{width:380px;max-width:90%}.dialog-title{font-size:18px;font-weight:700;color:#1f2937}.dialog-description{font-size:14px;color:#374151;margin-bottom:10px;white-space:pre-line}.dialog-buttons{display:flex;gap:10px;margin-top:10px}.dialog-buttons.two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog-buttons.one-button{display:flex}.dialog-buttons.one-button .dialog-btn{flex:1}.dialog-btn{font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px}.dialog-buttons .dialog-btn{flex:1}.btn-blue{font-size:.75rem;padding:.25rem .5rem;background-color:#0284c7;color:#fff;border-radius:.125rem;cursor:pointer;border:none;transition:background-color .2s ease}.btn-blue:hover{background-color:#0ea5e9}.btn-blue:disabled{background-color:#7dd3fc;color:#6b7280;cursor:not-allowed}.btn-white{font-size:.75rem;padding:.25rem .5rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.125rem;cursor:pointer;transition:background-color .2s ease}.btn-white:hover{background-color:#f3f4f6}.btn-white:disabled{background-color:#d1d5db;color:#6b7280;cursor:not-allowed}.dialog-btn-cancel{font-size:.75rem;padding:.25rem .5rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.125rem;cursor:pointer;transition:background-color .2s ease}.dialog-btn-cancel:hover{background-color:#f3f4f6}.dialog-btn-cancel:disabled{background-color:#d1d5db;color:#6b7280;cursor:not-allowed}.dialog-btn-accept{font-size:.75rem;padding:.25rem .5rem;background-color:#0284c7;color:#fff;border-radius:.125rem;cursor:pointer;border:none;transition:background-color .2s ease}.dialog-btn-accept:hover{background-color:#0ea5e9}.dialog-btn-accept:disabled{background-color:#7dd3fc;color:#6b7280;cursor:not-allowed}.dialog-loading-layout{display:flex;gap:16px;margin-top:16px;min-height:60px}.dialog-loading-icon{flex-shrink:0;display:flex;align-items:center;min-height:60px}.dialog-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#0d9488;border-radius:50%;animation:dialog-spin .8s linear infinite}.dialog-loading-texts{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}.dialog-loading-title{font-size:15px;font-weight:600;color:#1f2937;line-height:1.4}.dialog-loading-message{font-size:13px;color:#6b7280;line-height:1.4}@keyframes dialog-spin{to{transform:rotate(360deg)}}@keyframes dialogShake{0%{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(3px)}to{transform:translateY(0)}}.dialog-shake{animation:dialogShake .25s ease}.dialog-box:has(.dialog-loading-layout) .dialog-title{display:none}.dialog-box:has(.dialog-loading-layout) .dialog-description{display:none}.dialog-box:has(.dialog-loading-layout:only-child){padding:1rem}.dialog-box:has(.dialog-loading-layout):not(:has(.dialog-buttons)){padding-bottom:1rem}.dialog-box:has(.dialog-loading-layout:first-child:last-child) .dialog-loading-layout{margin-top:0}input[type=date][data-v-2f7f0f95]::-webkit-calendar-picker-indicator,input[type=datetime-local][data-v-2f7f0f95]::-webkit-calendar-picker-indicator,input[type=time][data-v-2f7f0f95]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input[type=date][data-v-2f7f0f95],input[type=datetime-local][data-v-2f7f0f95],input[type=time][data-v-2f7f0f95]{appearance:none;-webkit-appearance:none;-moz-appearance:textfield}.vc-focus[data-v-2f7f0f95]{box-shadow:none!important}.vc-container[data-v-2f7f0f95]{--vc-accent-500: #60A5FA}input[type=date][data-v-cd7ea14f]::-webkit-calendar-picker-indicator,input[type=datetime-local][data-v-cd7ea14f]::-webkit-calendar-picker-indicator,input[type=time][data-v-cd7ea14f]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input[type=date][data-v-cd7ea14f],input[type=datetime-local][data-v-cd7ea14f],input[type=time][data-v-cd7ea14f]{appearance:none;-webkit-appearance:none;-moz-appearance:textfield}