@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) • 2.08 kB
CSS
._root_1bbyr_1{position:relative;width:100%;font-family:ACHS Nueva Sans,sans-serif}._root_1bbyr_1[data-disabled=true]{opacity:.6}._trigger_1bbyr_10{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;box-sizing:border-box;min-height:60px;border:2px solid #d7d7d7;background-color:#fff;border-radius:12px;padding:.5rem .75rem;cursor:pointer;font:inherit;font-size:var(--font-base);color:rgb(var(--texto-color));transition:background-color .2s,border-color .2s}._trigger_1bbyr_10:hover:not(:disabled){background-color:#f9fafb}._trigger_1bbyr_10:disabled{cursor:not-allowed}._trigger_1bbyr_10:focus-visible{outline:none;border-color:rgb(var(--primary-color))}._trigger_1bbyr_10[data-empty=true] ._summary_1bbyr_38{color:#787878}._trigger_1bbyr_10[data-open=true]{border-radius:12px 12px 0 0;border-bottom-color:transparent}._trigger_1bbyr_10[data-status=error]{border-color:rgb(var(--error-color))}._trigger_1bbyr_10[data-status=success]{border-color:rgb(var(--success-color))}._summary_1bbyr_38{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._chevron_1bbyr_60{flex:none;color:rgb(var(--primary-color));transition:transform .3s ease}._trigger_1bbyr_10[data-open=true] ._chevron_1bbyr_60{transform:rotate(180deg)}._menu_1bbyr_69{position:absolute;z-index:999;width:100%;box-sizing:border-box;margin:0;background-color:#fff;border:2px solid #d7d7d7;border-top:0;border-radius:0 0 12px 12px;list-style:none;padding:.25rem 0;box-shadow:0 4px 6px #0000001a;max-height:15.625rem;overflow-y:auto;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}._menu_1bbyr_69._menuOpen_1bbyr_89{opacity:1;transform:translateY(0);pointer-events:auto}._item_1bbyr_95{margin:0}._option_1bbyr_99{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;cursor:pointer;color:#374151;font-size:var(--font-base)}._option_1bbyr_99:hover{background-color:rgb(var(--light))}._option_1bbyr_99[data-disabled=true]{color:#bfbfbf;cursor:not-allowed}._optionLabel_1bbyr_116{min-width:0}