@achs/webkit
Version:
Conjunto de componentes de UI con el estilo del Sistema de Diseño ACHS (Asociación Chilena de Seguridad), para reutilizar de forma transversal en las aplicaciones web de ACHS. Construido con **React 19**, **TypeScript** y **Vite**, con soporte para las
2 lines (1 loc) • 1.67 kB
CSS
._field_25ep8_1{font-family:ACHS Nueva Sans,sans-serif;display:inline-flex;flex-direction:column;gap:.375rem}._row_25ep8_8{display:flex;align-items:center;gap:.75rem;min-width:18rem;padding:.75rem 1rem;background:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem}._field_25ep8_1[data-status=error] ._row_25ep8_8{border-color:rgb(var(--error-color))}._field_25ep8_1[data-status=verified] ._row_25ep8_8{border-color:rgb(var(--primary-color))}._box_25ep8_27{flex:none;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#fff;border:2px solid #b0b0b0;border-radius:.25rem;cursor:pointer;color:#fff;transition:background .2s ease,border-color .2s ease}._box_25ep8_27 i{font-size:var(--font-lg)}._box_25ep8_27:focus-visible{outline:2px solid rgb(var(--secondary-color));outline-offset:2px}._box_25ep8_27:disabled{cursor:default}._field_25ep8_1[data-status=verified] ._box_25ep8_27{background:rgb(var(--primary-color));border-color:rgb(var(--primary-color))}._label_25ep8_58{flex:1;font-size:var(--font-base);color:rgb(var(--texto-color))}._brand_25ep8_64{flex:none;display:flex;flex-direction:column;align-items:center;gap:.125rem;color:#6b7280}._brand_25ep8_64 i{font-size:var(--font-lg);color:rgb(var(--primary-color))}._brandText_25ep8_77{font-size:var(--font-xs)}._spinner_25ep8_81{width:1.1rem;height:1.1rem;border:2px solid rgba(var(--primary-color),.3);border-top-color:rgb(var(--primary-color));border-radius:50%;animation:_captcha-spin_25ep8_1 .7s linear infinite}._error_25ep8_90{font-size:var(--font-sm);color:rgb(var(--error-color))}@keyframes _captcha-spin_25ep8_1{to{transform:rotate(360deg)}}