@achs/webkit/dist/assets/components/atoms/Chip/Chip.css

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

._chip_1jw0t_1{font-family:ACHS Nueva Sans,sans-serif;user-select:none;-webkit-user-select:none;display:inline-flex;align-items:center;gap:.75rem;border-radius:9999px;font-weight:500;border:1px solid transparent;box-shadow:inset 0 0 0 1px #6b72801a;transition:background-color .2s ease-in-out,filter .2s ease-in-out;cursor:pointer}._chip_1jw0t_1:disabled:not(:hover){opacity:.5;pointer-events:none}._chip_1jw0t_1[data-color=primary][data-variant=solid]{background-color:rgb(var(--primary-color));color:#fff}._chip_1jw0t_1[data-color=primary][data-variant=solid]:hover{background-color:rgb(var(--primary-color),.2);border-color:rgb(var(--primary-color),.2);color:rgb(var(--primary-color))}._chip_1jw0t_1[data-color=primary][data-variant=filled]{background-color:#f4f4ef;color:rgb(var(--primary-color));border-color:rgb(var(--primary-color))}._chip_1jw0t_1[data-color=primary][data-variant=filled]:hover{background-color:rgb(var(--primary-color),.2);filter:brightness(.95)}._chip_1jw0t_1[data-color=primary][data-variant=outlined]{background-color:#fff;border-color:rgb(var(--primary-color));color:rgb(var(--primary-color))}._chip_1jw0t_1[data-color=primary][data-variant=outlined]:hover{background-color:rgb(var(--primary-color),.2);border-color:rgb(var(--primary-color),.2);color:rgb(var(--primary-color))}._chip_1jw0t_1[data-color=secondary][data-variant=solid]{background-color:rgb(var(--secondary-color));color:#fff}._chip_1jw0t_1[data-color=secondary][data-variant=solid]:hover{background-color:rgb(var(--secondary-color),.2);border-color:rgb(var(--secondary-color),.2);color:rgb(var(--secondary-color))}._chip_1jw0t_1[data-color=secondary][data-variant=filled]{background-color:#f4f4ef;color:rgb(var(--secondary-color));border-color:rgb(var(--secondary-color))}._chip_1jw0t_1[data-color=secondary][data-variant=filled]:hover{background-color:rgb(var(--secondary-color),.2);filter:brightness(.95)}._chip_1jw0t_1[data-color=secondary][data-variant=outlined]{background-color:#fff;border-color:rgb(var(--secondary-color));color:rgb(var(--secondary-color))}._chip_1jw0t_1[data-color=secondary][data-variant=outlined]:hover{background-color:rgb(var(--secondary-color),.2);border-color:rgb(var(--secondary-color),.2);color:rgb(var(--secondary-color))}._chip_1jw0t_1[data-size=small]{padding:.25rem .5rem;font-size:var(--font-sm)}._chip_1jw0t_1[data-size=medium]{padding:.5rem 1rem;font-size:var(--font-base)}._chip_1jw0t_1[data-size=large]{padding:.75rem 1.5rem;font-size:var(--font-lg)}._label_1jw0t_98{cursor:pointer}._chip_1jw0t_1:active{filter:brightness(.93);scale:.98}