UNPKG

@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.03 kB
._checkbox__label_ofrwk_1{font-family:ACHS Nueva Sans,sans-serif;display:flex;align-items:center}._checkbox_ofrwk_1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._checkbox_ofrwk_1:focus-visible+._fakeCheckbox_ofrwk_19{box-shadow:0 0 0 3px rgba(var(--secondary-color),.4)}._fakeCheckbox_ofrwk_19{width:1.2rem;height:1.25rem;border:2px solid;border-radius:.25rem;border-color:#e5e7eb;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;color:#fff}._fakeCheckbox_ofrwk_19:hover{background-color:rgb(var(--complementary-color));border-color:rgb(var(--complementary-color));box-shadow:0 4px 6px #0000001a}._fakeCheckbox_ofrwk_19[data-size=small]{width:.9rem;height:.9rem}._fakeCheckbox_ofrwk_19[data-size=large]{width:1.5rem;height:1.5rem}._checkbox_ofrwk_1:checked+._fakeCheckbox_ofrwk_19[data-color=primary]{background-color:rgb(var(--primary-color));border-color:rgb(var(--primary-color))}._checkbox_ofrwk_1:checked+._fakeCheckbox_ofrwk_19[data-color=primary]:hover{background-color:rgb(var(--complementary-color));border-color:rgb(var(--complementary-color));box-shadow:0 4px 6px #0000001a}._checkbox_ofrwk_1:checked+._fakeCheckbox_ofrwk_19[data-color=secondary]{background-color:rgb(var(--secondary-color));border-color:rgb(var(--secondary-color))}._checkbox_ofrwk_1:checked+._fakeCheckbox_ofrwk_19[data-color=secondary]:hover{background-color:rgb(var(--complementary-color));border-color:rgb(var(--complementary-color));box-shadow:0 4px 6px #0000001a}._checkbox_ofrwk_1:not(:checked):not(:disabled)+._fakeCheckbox_ofrwk_19[data-obligatory=true]{border-color:#ef4444}._fakeCheckbox_ofrwk_19:active{transform:scale(.95)}._checkbox__label_ofrwk_1[data-disabled=true]{color:#999;cursor:not-allowed}._checkbox__label_ofrwk_1[data-disabled=true] ._fakeCheckbox_ofrwk_19{border-color:#e5e7eb;background-color:#f3f4f6;pointer-events:none}._checkmark_ofrwk_87{width:1.5rem;height:1.5rem}._label_ofrwk_92{margin-left:.5rem}